Changeset 47622

Timestamp:

04/25/2020 12:25:54 PM (5 years ago)

Author:

SergeyBiryukov

Message:

Administration: Remove right padding on form tables on smaller screens so that the spacing is equal on both sides.

Additionally, reduce the right margin on screen meta links (Help and Screen Options) to align with the tables.

Props jainnidhi, garrett-eclipse, ibdz, SergeyBiryukov.
Fixes #43279.

Location:

trunk/src/wp-admin/css

Files:

• common.css (modified) (1 diff)
• forms.css (modified) (2 diffs)

trunk/src/wp-admin/css/common.css

@@ -3999 +3999 @@
     }
 
+    #screen-meta,
+    #screen-meta-links {
+        margin-right: 10px;
+    }
+
     #screen-meta-links {
         margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */

trunk/src/wp-admin/css/forms.css

@@ -1501 +1501 @@
 
     .form-table th {
-        padding-top: 10px;
-        padding-bottom: 0;
+        padding: 10px 0 0 0;
         border-bottom: 0;
     }
@@ -1508 +1507 @@
     .form-table td {
         margin-bottom: 0;
-        padding-bottom: 6px;
-        padding-top: 4px;
-        padding-left: 0;
+        padding: 4px 0 6px 0;
     }