TASK: Styles cleanup

src/components/button/styles/button.dark.scss

@@ -13,7 +13,7 @@
     border: 0;
     color: neos-color($colors-dark, 'neutral', 'contrast');
 
-    padding: $content-padding-medium;
+    padding: 0 $content-padding;
     margin: 0;
 
     &:focus:enabled,
@@ -65,8 +65,8 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      height: 40px;
-      width: 40px;
+      height: $grid-unit;
+      width: $grid-unit;
     }
 
     &[disabled] {

src/components/button/styles/button.scss

@@ -9,6 +9,8 @@
     border: 0;
     box-sizing: border-box;
     cursor: pointer;
+    height: $grid-unit;
+    line-height: $grid-unit;
 
     transition: all ease-in-out 100ms;
   }

src/components/form-input/styles/form-input.dark.scss

@@ -15,7 +15,7 @@
     outline: 1px solid neos-color($colors-dark, 'neutral');
     color: inherit;
 
-    padding: $content-padding-medium;
+    padding: 0 $content-padding;
     margin: $content-margin-medium 0;
 
     &:focus,

src/components/form-input/styles/form-input.scss

@@ -9,6 +9,8 @@
     width: 100%;
     border: 0;
     box-sizing: border-box;
+    height: $grid-unit;
+    line-height: $grid-unit;
 
     transition: all ease-in 100ms;
   }

src/components/icon/styles/icon.scss

@@ -10,7 +10,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 40px;
-    width: 40px;
+    height: $grid-unit;
+    width: $grid-unit;
   }
 }

src/themes/neos.globals.scss

@@ -31,6 +31,8 @@ $font-path: "/dist/fonts" !default;
 // Hairline width
 $hairlines-width: .55px !default;
 
+$grid-unit: 40px;
+
 
 // The minimum dimensions at which your layout will change,
 // adapting to different screen sizes, for use in media queries