From cfa33c5bd0f5a1a37ae8f0ea9d9963fde65053f0 Mon Sep 17 00:00:00 2001
From: Davide <davide@suma-ev.de>
Date: Fri, 16 Oct 2020 10:16:02 +0200
Subject: [PATCH] added design

---
 resources/lang/de/settings.php             | 1 +
 resources/lang/en/settings.php             | 1 +
 resources/less/metager/pages/settings.less | 8 ++++++++
 resources/views/settings/index.blade.php   | 7 +++++--
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/resources/lang/de/settings.php b/resources/lang/de/settings.php
index 7b67362f6..0047bf71a 100644
--- a/resources/lang/de/settings.php
+++ b/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.',
diff --git a/resources/lang/en/settings.php b/resources/lang/en/settings.php
index 1da34d0f2..f1968e6af 100644
--- a/resources/lang/en/settings.php
+++ b/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.",
diff --git a/resources/less/metager/pages/settings.less b/resources/less/metager/pages/settings.less
index d2b42642b..8c5bc3d7e 100644
--- a/resources/less/metager/pages/settings.less
+++ b/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
diff --git a/resources/views/settings/index.blade.php b/resources/views/settings/index.blade.php
index 45e9f3f63..e673165a3 100644
--- a/resources/views/settings/index.blade.php
+++ b/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>
-- 
GitLab