Improved: Settings Seite hat jetzt ein mobiles Design

resources/assets/less/metager/base.less

@@ -99,4 +99,4 @@ summary {
 
 .new-feature.badge {
     background-color: @new-feature-badge-background-color;
-}
\ No newline at end of file
+}

resources/assets/less/metager/footer.less

@@ -16,10 +16,6 @@ footer {
     img {
         max-width: 100%;
     }
-    &.startPageFooter {
-        // position: absolute;
-        // bottom: 0;
-    }
     &.footer-resultpage {
         justify-content: center;
         a {

resources/assets/less/metager/searchbar.less

@@ -102,7 +102,6 @@
         right: 8px;
         top: 2px;
         padding: 2px 2px 2px 5px;
-        border-left: 1px solid #aaa;
         position: absolute;
         pointer-events: none;
     }

resources/assets/less/metager/settings.less

@@ -19,4 +19,28 @@
 #settings-abort-btn {
     color: @settings-abort-btn-color;
     margin-right: auto;
+}
+
+@media (max-width: @screen-xs-max) {
+    html,
+    body,
+    .wrapper,
+    #settings-buttons {
+        width: 100%;
+    }
+    #settings-selectors {
+        justify-content: stretch;
+        >* {
+            width: 100%;
+            margin: 10px 0px;
+            display: flex;
+            flex-direction: column;
+            justify-content: end;
+        }
+    }
+    #settings-buttons>* {
+        width: 100%;
+        margin: 10px 0px;
+        overflow: auto;
+    }
 }
\ No newline at end of file

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

@@ -35,7 +35,7 @@
 body {
     margin: 0;
     &>div {
-        padding-top: 70px;
+        padding-top: 50px;
     }
     &.quicktips {
         background-color: @quicktip-background-color;
@@ -431,11 +431,6 @@ select[name=focus]>option {
     font-size: 20px;
 }
 
-.settings-form-control {
-    width: 200px;
-    margin-top: 10px;
-}
-
 .bitcoins {
     text-align: center;
     padding: 30px;

resources/views/settings.blade.php

@@ -55,6 +55,7 @@
 				<label class="select-label">@lang('settings.key.label'):</label>
 				<input type="text" class="form-control settings-form-control" name="param_key" placeholder="@lang('settings.key.placeholder')">
 			</div>
+		</div>
 		<div id="settings-buttons">
 			<a id="settings-abort-btn" class="btn btn-danger mutelink" href="{{ URL::previous() }}">@lang('settings.abort') <i class="fa fa-times" aria-hidden="true"></i></a>
 			<input id="unten" class="btn btn-primary" type="submit" value="{!! trans('settings.speichern.1') !!}">