Merge pull request #82 from mobomo/form-and-table-styling-update

Form and table styling update
mobomo · Jun 9, 2021 · 67c178a · 67c178a
2 parents 975d130 + 3cbcf98
commit 67c178a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/scss/root/_forms.scss b/scss/root/_forms.scss
@@ -157,13 +157,13 @@ input {
 
 select {
   @extend %input--select;
-  background: url('/themes/contrib/lark/images/icon-arrow-down.svg') $white 98% 11px no-repeat;
+  background: url('/themes/contrib/lark/images/icon-arrow-down.svg') $white right 12px bottom 11px no-repeat;
   background-size: 14px;
   appearance: none;
 }
 
 .form-actions {
-  padding: 1.5em 0;
+  padding: 0.5em 0;
 }
 
 .node-form,
@@ -184,10 +184,15 @@ select {
   border: 1px solid rgba(216, 217, 224, 0.8);
   border-radius: 2px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  padding: 0.5rem 1.5rem 1.5rem;
+  padding: 1.5rem;
 
   .js-form-item {
-    margin: 0.75rem 0.75rem 0 0;
+    margin: 0 0.75rem 0 0;
   }
 }
 
+.entity-view-display-form {
+  .form-wrapper {
+    margin-top: 32px;
+  }
+}
diff --git a/scss/root/_tables.scss b/scss/root/_tables.scss
@@ -27,7 +27,7 @@ th,
 .th {
   border-color: inherit;
   box-shadow: inset 0 -2px 0 0 $light-gray;
-  padding: $spacing-small $spacing-large;
+  padding: 18px $spacing-large;
   vertical-align: inherit;
   text-align: left;
 
@@ -47,6 +47,7 @@ th,
   }
 
   a {
+    white-space: nowrap;
 
     &[title^='sort'] {