added design

resources/lang/de/settings.php

@@ -6,6 +6,7 @@ return [
 
     'hint.header' => 'Hinweis',
     'hint.text' => 'Um Ihre Sucheinstellungen zu speichern, verwenden wir nicht-personenbeziehbare Cookies. Diese werden im Klartext in Ihrem Browser gespeichert. Sie können sich eine Übersicht aller von Ihnen vorgenommenen Einstellungen und Cookies <a href=:link>anzeigen lassen</a>.',
+    'hint.loadSettings' => 'Hier finden Sie einen Link, den Sie als Startseite bzw. Lesezeichen einrichten können um Ihre aktuell gesetzen Einstellungen mitzunehmen. Der Link erstellt beim Aufrufen Cookies mit dem entsprechenden Einstellungen.',
 
     'header.2' => 'Verwendete Suchmaschinen',
     'text.2' => 'Nachfolgend sehen Sie alle für diesen Fokus verfügbaren Suchmaschinen. Mit einem Klick auf den Namen können Sie Ein-/Ausgeschaltet werden. Eingeschaltete Suchmaschinen sind in grün dargestellt. Ausgeschaltete in rot oder grau.',

resources/lang/en/settings.php

@@ -6,6 +6,7 @@ return [
 
     "hint.header" => "Note",
     "hint.text" => "To save your search settings, we use non-personally identifiable cookies. These are saved in clear text in your browser. You can see an <a href=\":link\">overview</a> of all the settings and cookies you have made.",
+    'hint.loadSettings' => 'Here is a link you can use as startpage or bookmark to keep your current settings. The URL sets your settings as cookies.',
 
     "header.2" => "Used Search Engines",
     "text.2" => "Below are all the search engines available for this focus. With a click on the name they can be switched on / off. Used search engines are shown in green. Not used ones in red or gray.",

resources/less/metager/pages/settings.less

@@ -85,4 +85,12 @@
             width:20px;
         }
     }
+    #cookieLink{
+        display:flex;
+        align-items:left;
+        #loadSettings{
+            flex-grow:1;
+            width:100%;
+        }
+    }
 }
\ No newline at end of file

resources/views/settings/index.blade.php

@@ -11,8 +11,11 @@
     <div class="card-light">
         <h2>@lang('settings.hint.header')</h2>
         <p>@lang('settings.hint.text', ["link" => LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), route('showAllSettings', ['url' => url()->full()])) ])</p>
-        <input id="cookieLink" type="text" value="{{$cookieLink}}" style="width:100%;">
-        <button class="btn btn-default" onclick="var copyText = document.getElementById('cookieLink');copyText.select();copyText.setSelectionRange(0, 99999);document.execCommand('copy');">@lang('settings.copy')</button>
+        <p>@lang('settings.hint.loadSettings')</p>
+        <div id="cookieLink">
+            <input id="loadSettings" type="text" value="{{$cookieLink}}">
+            <button class="js-only btn btn-default" onclick="var copyText = document.getElementById('loadSettings');copyText.select();copyText.setSelectionRange(0, 99999);document.execCommand('copy');">@lang('settings.copy')</button>
+        </div>
     </div>
     <div class="card-light">
         <h2>@lang('settings.header.2')</h2>