Get rid of childish bootstrap alert-styling

production/views.py

@@ -152,6 +152,7 @@ def add_event(request, stream_id):
             prodevent.event = constants.EVENT_HOUR_REGISTRATION
         prodevent.noted_by = request.user.production_user
         prodevent.save()
+        messages.success(request, 'Comment added to Stream.')
     else:
         messages.warning(request, 'The form was invalidly filled.')
     return redirect(reverse('production:production'))

scipost/static/scipost/assets/css/_alert.scss

 .alert {
-    padding: 0.75rem 1.25rem;
+    padding: 0.75rem 2.5rem 0.75rem 1.25rem;
     margin-bottom: 0.5rem;
     position: relative;
     clear: both;
@@ -16,7 +16,6 @@
     }
 }
 
-.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
 .alert-dismissible {
     // Adjust close link position
     .close {
@@ -27,3 +26,15 @@
         cursor: pointer;
     }
 }
+
+
+@mixin scipost-alert-variant($background, $border, $color) {
+  background-color: $white;
+  border-top: 3px solid $color;
+}
+
+@each $color, $value in $theme-colors {
+  .alert-#{$color} {
+    @include scipost-alert-variant(theme-color-level($color, -10), theme-color-level($color, -9), theme-color-level($color, 6));
+  }
+}