Improved: Alle Seiten haben jetzt ein flüssiges und modernes Design

resources/assets/less/metager/base.less

@@ -33,11 +33,13 @@ body {
     flex-grow: 1;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    justify-content: center;
+    margin: 50px 0px;
 }
 
-.logo h1 {
+.logo h1, h1.mg-logo {
     color: rgb(255, 128, 0);
+    font-weight: bold;
 }
 
 summary {
@@ -105,4 +107,11 @@ summary {
 
 .new-feature.badge {
     background-color: @new-feature-badge-background-color;
+}
+
+.imagebox {
+    display: flex;
+    a {
+        display: flex;
+    }
 }
\ No newline at end of file

resources/assets/less/metager/footer.less

@@ -5,7 +5,7 @@ footer {
     display: flex;
     justify-content: space-around;
     white-space: pre-line;
-    align-items: flex-end;
+    align-items: center;
     div {
         text-align: center;
         margin-left: 10px;
@@ -27,4 +27,8 @@ footer {
             display: none;
         }
     }
+    #info {
+        display: flex;
+        flex-direction: column;
+    }
 }
\ No newline at end of file

resources/assets/less/metager/result-page.less

@@ -777,7 +777,6 @@ a {
 
 @result-width: 700px;
 @quicktip-width: 500px;
-
 html,
 body,
 .content-wrapper {
@@ -794,7 +793,7 @@ body,
 }
 
 #research-bar {
-    padding: 10px;
+    padding: 10px 60px 0px 10px;
     border-bottom: 2px solid rgb(255, 128, 0);
     display: flex;
     justify-content: center;
@@ -803,6 +802,7 @@ body,
     }
     @media (max-width: @screen-xs-max) {
         flex-direction: column;
+        padding-right: 10px;
     }
 }
 

resources/assets/less/metager/searchbar.less

@@ -183,7 +183,7 @@
 }
 
 .resultpage-searchbar {
-    padding: 5px 45px 5px 5px;
+    padding: 5px;
      :first-child {
         border-left: none;
     }

resources/assets/less/metager/sidebar.less

@@ -168,7 +168,7 @@ label#openSidebar {
     }
 }
 
-@media (max-width: 979px) {
+@media (max-width: @screen-xs-max) {
     .sideBar {
         right: -90%;
         width: 90%;

resources/assets/less/metager/start-page.less

@@ -8,6 +8,10 @@
     }
 }
 
+#mglogo {
+    margin: 0px 0px 30px 0px;
+}
+
 .settings-modal-buttons {
     padding: 5px;
     button {

resources/assets/less/metager/static-pages.less

@@ -63,7 +63,6 @@ nav {
         font-size: 1.0em;
         line-height: 1;
         white-space: nowrap;
-        padding: 0.4em 0;
         border-radius: .25em;
         margin: 0 auto;
     }

resources/views/parts/footer.blade.php

 @if ($type === 'startpage' || $type === 'subpage')
 <footer class="{{ $id }} noprint">
-  <div>
+  <div class="imagebox">
     <a href="https://www.suma-ev.de/"  >
-    <img src="/img/suma_ev_logo-m1-greyscale.png" alt="SUMA-EV Logo"></a>
+      <img src="/img/suma_ev_logo-m1-greyscale.png" alt="SUMA-EV Logo">
+    </a>
   </div>
   <div id="info">
     <span><a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "kontakt") }}">{{ trans('staticPages.nav5') }}</a> - <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">{{ trans('staticPages.nav8') }}</a></span>
     <span class="hidden-xs">{{ trans('staticPages.sumaev.1') }}<a href="https://www.suma-ev.de/">{{ trans('staticPages.sumaev.2') }}</a></span>
   </div>
-  <div>
+  <div class="imagebox">
     <a href="https://www.uni-hannover.de/">
-    <img src="/img/luh_metager.png" alt="LUH Logo"></a>
+      <img src="/img/luh_metager.png" alt="LUH Logo">
+    </a>
   </div>
 </footer>
 @elseif ($type === 'resultpage')