Align items

danielbrendel · Mar 5, 2024 · dde2a52 · dde2a52
1 parent 6801d13
commit dde2a52
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/app/resources/sass/app.scss b/app/resources/sass/app.scss
@@ -907,15 +907,17 @@ fieldset .field {
     margin-bottom: unset;
 }
 
-.warning-plants-title-margin-top-25 {
-    margin-top: 25px !important;
-    @media screen and (min-width: 1024px) {
-        margin-top: 67px !important;
-    }
-}
-
 .warning-plants-title-centered {
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
     text-align: center;
+    margin-top: 2px;
+    @media screen and (max-width: 753px) {
+        margin-top: 23px;
+        top: unset;
+        transform: unset;
+    }
 }
 
 .warning-plants-content {

diff --git a/app/views/index.php b/app/views/index.php
@@ -55,7 +55,7 @@
 		</div>
 	@else
 		<div class="warning-plants">
-			<div class="warning-plants-title warning-plants-title-margin-top-25 warning-plants-title-centered"><i class="far fa-check-circle is-color-yes"></i>&nbsp;{{ __('app.warning_plants_all_ok') }}</div>
+			<div class="warning-plants-title warning-plants-title-centered"><i class="far fa-check-circle is-color-yes"></i>&nbsp;{{ __('app.warning_plants_all_ok') }}</div>
 		</div>
 	@endif
 

diff --git a/public/js/app.js b/public/js/app.js
-Original file line number
+Diff line change
@@ Expand Up / @@ -55,7 +55,7 @@ @@
     		</div>
     	@else
     		<div class="warning-plants">
-    			<div class="warning-plants-title warning-plants-title-margin-top-25 warning-plants-title-centered"><i class="far fa-check-circle is-color-yes"></i>&nbsp;{{ __('app.warning_plants_all_ok') }}</div>
+    			<div class="warning-plants-title warning-plants-title-centered"><i class="far fa-check-circle is-color-yes"></i>&nbsp;{{ __('app.warning_plants_all_ok') }}</div>
     		</div>
     	@endif
@@ Expand Down @@