Merge pull request #655 from brockfanning/foia-498-annual-report-fiel…

…d-width-tweaks FOIA-498: More tweaks to the annual report width issues.
usdoj · Oct 8, 2024 · 5ac9873 · 5ac9873
2 parents 423a113 + f296135
commit 5ac9873
Showing 1 changed file with 29 additions and 5 deletions.
diff --git a/docroot/modules/custom/foia_ui/css/foia_ui_admin.css b/docroot/modules/custom/foia_ui/css/foia_ui_admin.css
@@ -74,12 +74,12 @@ screen and (min-width: 1501px) and (max-width: 1700px),
 screen and (min-width: 1901px) {
   .node-annual-foia-report-data-form .vertical-tabs__panes th.field-label,
   .node-annual-foia-report-data-edit-form .vertical-tabs__panes th.field-label {
-    width: 1800px;
+    width: 1700px;
   }
 }
 
 @media
-screen and (min-width: 1701px) and (max-width: 1900px) {
+screen and (min-width: 1785px) and (max-width: 1900px) {
   .node-annual-foia-report-data-form .vertical-tabs__panes th.field-label,
   .node-annual-foia-report-data-edit-form .vertical-tabs__panes th.field-label {
     width: 1550px;
@@ -88,18 +88,42 @@ screen and (min-width: 1701px) and (max-width: 1900px) {
 
 
 @media
-screen and (min-width: 1501px) and (max-width: 1700px) {
+screen and (min-width: 1637px) and (max-width: 1784px) {
   .node-annual-foia-report-data-form .vertical-tabs__panes th.field-label,
   .node-annual-foia-report-data-edit-form .vertical-tabs__panes th.field-label {
     width: 1350px;
   }
 }
 
 @media
-screen and (min-width: 1301px) and (max-width: 1500px) {
+screen and (min-width: 1601px) and (max-width: 1636px) {
   .node-annual-foia-report-data-form .vertical-tabs__panes th.field-label,
   .node-annual-foia-report-data-edit-form .vertical-tabs__panes th.field-label {
-    width: 1400px;
+    width: 1300px;
+  }
+}
+
+@media
+screen and (min-width: 1559px) and (max-width: 1600px) {
+  .node-annual-foia-report-data-form .vertical-tabs__panes th.field-label,
+  .node-annual-foia-report-data-edit-form .vertical-tabs__panes th.field-label {
+    width: 1250px;
+  }
+}
+
+@media
+screen and (min-width: 1494px) and (max-width: 1558px) {
+  .node-annual-foia-report-data-form .vertical-tabs__panes th.field-label,
+  .node-annual-foia-report-data-edit-form .vertical-tabs__panes th.field-label {
+    width: 1200px;
+  }
+}
+
+@media
+screen and (min-width: 1301px) and (max-width: 1493px) {
+  .node-annual-foia-report-data-form .vertical-tabs__panes th.field-label,
+  .node-annual-foia-report-data-edit-form .vertical-tabs__panes th.field-label {
+    width: 1225px;
   }
 }