kallithea Changeset - 2a7ab8d98824

Changeset - 2a7ab8d98824

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

Søren Løvborg - 9 years ago 2017-02-14 20:16:47
sorenl@unity3d.com

css: fix vertical alignment in repo and PR summaries etc.

In several table-like layouts (not actual HTML tables) with separate
"label" and "value" columns, this 10px margin-top (which only applies
to the "value") caused the "cells" to be out of alignment:

- The repository summary (clone URL, description, etc.)
- The pull request "summary" (description, origin, target, etc.)
- Settings pages of all sorts

1 file changed with 2 insertions and 2 deletions:

kallithea/public/css/style.css

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

@@ @@ -841,13 +841,13 @@ div.panel div.panel-heading { @@
 #content div.panel div.form div.form-horizontal div.form-group > div {
     margin: 0 20px 0 200px;
+}
 #content div.panel div.form div.form-horizontal div.form-group > div.summary,
 #content div.panel div.form div.form-horizontal div.form-group > div.summary-short {
-    margin: 10px 20px 10px 110px;
+    margin: 0 20px 10px 110px;
+}
 #content div.panel div.form div.form-horizontal div.form-group > div.summary-short input {
     margin: 0;
+}
 #content div.panel div.form div.form-horizontal div.form-group > div.file {
     margin: 0 20px 0 200px;
@@ @@ -3187,13 +3187,13 @@ nav.navbar #quick li .dropdown-menu, @@
 #content div.panel table th.selected input,
 #content div.panel table td.selected input {
     margin: 0;
+}
 #content div.panel div.form div.form-horizontal div.form-group > div {
-    margin: 10px 20px 10px 200px;
+    margin: 0 20px 10px 200px;
     padding: 0;
+}
 #content div.panel div.form div.form-horizontal div.form-group > div a:hover,
 #content div.panel div.form div.form-horizontal div.form-group > div a.ui-selectmenu:hover,
 #content div.panel div.action a:hover {

0 comments (0 inline, 0 general)