More visual cleanups for input fields

1 files changed, 32 insertions, 40 deletions

diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 8378cf78..6664c4ce 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -59,10 +59,7 @@ summary:hover {
   background-color: #f7f7f7;
 }
 
-input[type=password] {
-  border: 1px solid #989898;
-}
-
+input[type=password],
 input[type=radio] {
   border: 1px solid #989898;
 }
@@ -72,17 +69,12 @@ input[type=radio] {
    ============================================================ */
 
 #wrapper {
-  padding: 5px;
-  width: 100%;
-  box-sizing: border-box;
+  margin: 0 5px;
 }
 
 @media(min-width:1016px) {
   #wrapper {
     margin: 0 125px;
-    padding: 0;
-    width: inherit;
-    box-sizing: inherit;
   }
 
   .node_action_bar.node_action_bar_save {
@@ -107,6 +99,16 @@ input[type=radio] {
 .right { text-align: right; }
 .clear_left { clear: left; }
 
+#login_form {
+  max-width: 22rem;
+}
+
+#login_form input[type=text],
+#login_form input[type=password] {
+  width: 100%;
+  box-sizing: border-box;
+}
+
 /* ============================================================
    Navigation
    ============================================================ */
@@ -811,7 +813,8 @@ form.button_to button[type="submit"] {
   padding: 4px 12px;
   box-sizing: border-box;
   height: 2.25rem;
-  width: 22rem;
+  width: 100%;
+  max-width: 22rem;
   border-radius: 2px;
 }
 
@@ -914,10 +917,6 @@ form.button_to button[type="submit"] {
   }
 }
 
-#new_node input[type=text], #new_node input[type=password] {
-  width: 350px;
-}
-
 input[type=text]#tag_list,
 input[type=text]#node_staged_slug,
 input#move_to_search_term {
@@ -974,21 +973,20 @@ input#tag_list {
 input[type=text]#page_title {
   box-sizing: border-box;
   width: 100%;
-  padding-top: 6px 5px 4px;
+  padding: 6px 5px 4px;
   font-weight: bold;
 }
 
-#admin_layout textarea#page_body {
-  box-sizing: border-box;
-  width: 100%;
-  height: 60vh;
-}
-
 #admin_layout textarea#page_abstract {
   width: 100%;
   box-sizing: border-box;
   height: 8rem;
+}
+
+#admin_layout textarea#page_body {
+  box-sizing: border-box;
   width: 100%;
+  height: 60vh;
 }
 
 #admin_layout #content,
@@ -1004,16 +1002,18 @@ input#move_to_search_term {
   width: 100%;
 }
 
-@media(min-width:1016px) {
-  input#menu_search_term,
-  input#menu_item_node_id,
-  input#menu_item_path,
-  input#menu_item_title {
-    width: 690px;
-  }
+input#menu_search_term,
+input#menu_item_node_id,
+input#menu_item_path,
+input#menu_item_title {
+  width: 100%;
+  max-width: 44rem;
+}
 
-  textarea#page_abstract {
+@media(min-width:1016px) {
+  #admin_layout textarea#page_abstract {
     padding: 5px;
+    height: 250px;
   }
 
   #admin_overview {
@@ -1560,7 +1560,8 @@ div#draft_list table td.actions a {
 }
 
 .restore_picker input[type=text] {
-  width: 22em;
+  width: 100%;
+  max-width: 22rem
 }
 
 .restore_picker .search_results {
@@ -1590,15 +1591,6 @@ form.otp_form input[type=text] {
   margin-bottom: 0.5rem;
 }
 
-.visually_hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
-
 .otp_qr svg {
   width: 220px;
   height: auto;