Bug 1620281 - Overlapping content on about:networking page with reduced width r=dao
authoraarushivij <aarushivij@gmail.com>
Tue, 24 Mar 2020 18:34:16 +0000
changeset 520508 b9355b941f2f2f2df906c44a85dd32deeea6b762
parent 520507 258117b770a56d136c08bcf3ac9a1fbdf2c085ce
child 520509 77eab1e3c3ae8c821c2844233888855817ba1613
push id111144
push userdgottwald@mozilla.com
push dateThu, 26 Mar 2020 10:52:38 +0000
treeherderautoland@b9355b941f2f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1620281
milestone76.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 1620281 - Overlapping content on about:networking page with reduced width r=dao Differential Revision: https://phabricator.services.mozilla.com/D67790
toolkit/themes/shared/aboutNetworking.css
--- a/toolkit/themes/shared/aboutNetworking.css
+++ b/toolkit/themes/shared/aboutNetworking.css
@@ -39,16 +39,23 @@ body {
 .category .category-name {
   pointer-events: none;
 }
 
 #categories hr {
   border-top-color: rgba(255,255,255,0.15);
 }
 
+@media (max-width: 830px){
+  #categories > .category {
+    padding-inline-start: 5px;
+    margin-inline-start: 0;
+  }
+}
+
 /** Content area **/
 
 .main-content {
   flex: 1;
 }
 
 .tab {
   padding: 0.5em 0;