css: fix some margin/padding

[newslash/newslash.git] / src / newslash_web / css / newslash / alert.less

diff --git a/src/newslash_web/css/newslash/alert.less b/src/newslash_web/css/newslash/alert.less
index b264639..f3979f0 100644 (file)
--- a/src/newslash_web/css/newslash/alert.less
+++ b/src/newslash_web/css/newslash/alert.less
@@ -21,10 +21,10 @@
 
 .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;
 }
 
 .alert-dismissible {
@@ -37,6 +37,8 @@
 }
 
 .alert-variant(@background; @border; @text-color) {
+    &:extend(.alert);
+    
     background-color: @background;
     border-color: @border;
     color: @text-color;
@@ -61,6 +63,10 @@
     .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
 }
 
+.alert-error {
+    .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
+}
+
 .alert-danger {
     .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
 }