css: fix some margin/padding

diff --git a/src/newslash_web/css/newslash/alert.less b/src/newslash_web/css/newslash/alert.less
index bcaac40..f3979f0 100644 (file)
--- a/src/newslash_web/css/newslash/alert.less
+++ b/src/newslash_web/css/newslash/alert.less
@@ -21,8 +21,7 @@
 
 .alert {
     &:extend(.medium-text);
-    padding-left: 4px;
-    padding-right: 4px;
+    padding: 0 4px;
     border: 1px solid transparent;
     border-radius: @alert-border-radius;
     margin-bottom: 4px;
@@ -38,6 +37,8 @@
 }
 
 .alert-variant(@background; @border; @text-color) {
+    &:extend(.alert);
+    
     background-color: @background;
     border-color: @border;
     color: @text-color;

diff --git a/src/newslash_web/css/newslash/form.less b/src/newslash_web/css/newslash/form.less
index dc342da..536ba89 100644 (file)
--- a/src/newslash_web/css/newslash/form.less
+++ b/src/newslash_web/css/newslash/form.less
@@ -55,6 +55,7 @@ form:not(.compact), .form {
         display: block;
         width: 100%;
         &:extend(.text-form);
+       box-sizing: border-box;
     }
 
     input[type="checkbox"] {