update alert ui

templates/Froxlor/form/yesnoquestion.html.twig

@@ -17,8 +17,7 @@
 					<input type="hidden" name="delete_userfiles" value="0"/>
 				{% endif %}
 			{% endif %}
-			<hr>
+			<p>
-			<p class="mb-0">
 				<input type="hidden" name="send" value="send"/>
 				{% for id,field in url_params %}
 					<input type="hidden" name="{{ id }}" value="{{ field }}"/>

templates/Froxlor/misc/alertbox.html.twig

@@ -1,4 +1,4 @@
-<div class="alert alert-{{ type|default("info") }} fade show pb-1" role="alert">
+<div class="alert alert-{{ type|default("info") }} fade show" role="alert">
 	{% if heading is defined and heading is not empty %}
 		<h4 class="alert-heading">
 			{{ heading }}
@@ -14,7 +14,7 @@
 		</p>
 	{% endif %}
 	{% if redirect_link %}
-		<p class="mt-1 pb-3">
+		<p>
 			<a href="{{ redirect_link|raw }}" class="btn btn-{{ btntype }}">
 				{% if type == 'danger' %}
 					{{ lng('panel.back') }}

templates/Froxlor/src/scss/components/_alert.scss

@@ -0,0 +1,7 @@
+.alert {
+	@extend .shadow-sm;
+
+	p:last-of-type {
+		margin-bottom: 0;
+	}
+}

templates/Froxlor/src/scss/main.scss

@@ -7,6 +7,7 @@
 
 // Theme
 @import "global";
+@import "components/alert";
 @import "components/card";
 @import "components/dropdown";
 @import "components/footer";