Bug 1246498 - Various clean ups to aboutNetworking.css. r=jaws
authorTim Nguyen <ntim.bugs@gmail.com>
Sun, 07 Feb 2016 18:06:26 +0100
changeset 283410 baf5ffa90789d6f27154f6dee50111eebceaeb26
parent 283409 c8ecda902de00888ff0ee2fb816970c1b15e4806
child 283411 d93a398125d8e3aa6f3311029b6bade75447456c
push id29981
push userphilringnalda@gmail.com
push dateMon, 08 Feb 2016 02:47:43 +0000
treeherdermozilla-central@a0d0344ed47a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjaws
bugs1246498
milestone47.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1246498 - Various clean ups to aboutNetworking.css. r=jaws
toolkit/themes/shared/aboutNetworking.css
--- a/toolkit/themes/shared/aboutNetworking.css
+++ b/toolkit/themes/shared/aboutNetworking.css
@@ -22,27 +22,35 @@ body {
   text-align: end;
   margin-bottom: 0.5em;
 }
 
 #refreshButton {
   vertical-align: middle;
 }
 
+/** Categories **/
+
 .category {
   cursor: pointer;
   /* Center category names */
   display: flex;
   align-items: center;
 }
 
 .category .category-name {
   pointer-events: none;
 }
 
+#categories hr {
+  border-top-color: rgba(255,255,255,0.15);
+}
+
+/** Warning container **/
+
 /* XXX: a lot of this is duplicated from info-pages.css since that stylesheet
    is incompatible with this type of layout */
 .warningBackground:not([hidden]) {
   display: flex;
 }
 
 .warningBackground {
   flex-direction: column;
@@ -79,41 +87,38 @@ body {
 }
 
 .warningBackground button {
   margin-top: 1em;
   margin-left: 0;
   min-width: 100px;
 }
 
+/** Content area **/
+
 .main-content {
   flex: 1;
 }
 
 .tab {
   padding: 0.5em 0;
 }
 
 .tab table {
   border: 1;
   width: 100%;
 }
 
-hr {
+th, td, table {
+  border-collapse: collapse;
   border: none;
-  border-bottom: 1px solid rgba(255,255,255,0.15);
+  text-align: start;
 }
 
 th {
   padding-bottom: 0.5em;
   font-size: larger;
 }
 
-th, td, table {
-  border-collapse: collapse;
-  border: none;
-  text-align: start;
-}
-
 td {
   padding-bottom: 0.25em;
   border-bottom: 1px solid var(--in-content-box-border-color);
 }