From 3096753094ab4ddf0cfbf5f297335b09eb11ee36 Mon Sep 17 00:00:00 2001
From: Dominik Hebeler <dominik@suma-ev.de>
Date: Thu, 10 Oct 2019 16:01:18 +0200
Subject: [PATCH] changed layout of blocks
---
resources/lang/de/index.php | 2 +-
resources/less/metager/pages/start-page.less | 31 +++++++++++---------
2 files changed, 18 insertions(+), 15 deletions(-)
diff --git a/resources/lang/de/index.php b/resources/lang/de/index.php
index 9658ec9d9..838e4fb95 100644
--- a/resources/lang/de/index.php
+++ b/resources/lang/de/index.php
@@ -28,7 +28,7 @@ return [
'focus-creator.focusname' => 'Suchname: ',
'about.1.1' => "Garantierte Privatsphäre",
- 'about.1.2' => 'Mit uns behalten Sie die volle Kontrolle über Ihre Daten. Wir speichern nicht: Der Quellcode ist frei.',
+ 'about.1.2' => 'Mit uns behalten Sie die volle Kontrolle über Ihre Daten. Wir speichern nicht und der Quellcode ist frei.',
'about.2.1' => 'Vielfältig & Frei',
'about.2.2' => 'MetaGer schützt gegen Zensur, indem es Ergebnisse vieler Suchmaschinen kombiniert.',
'about.3.1' => '100% Ökostrom',
diff --git a/resources/less/metager/pages/start-page.less b/resources/less/metager/pages/start-page.less
index 20ad0e0b1..35794c0e4 100644
--- a/resources/less/metager/pages/start-page.less
+++ b/resources/less/metager/pages/start-page.less
@@ -54,7 +54,7 @@
top: 100vh;
left: 0;
position: absolute;
- @media(min-width: 520px){
+ @media(min-width: 552px){
top: inherit;
left: inherit;
bottom: 100px;
@@ -63,24 +63,27 @@
> div {
display: flex;
flex-wrap: wrap;
- justify-content: center;
- margin: 24px 0;
+ justify-content: space-around;
+ @media(min-width: 552px){
+ margin: 24px 0;
+ }
+ @media(min-width: 761px){
+ justify-content: space-between;
+ max-width: 600px;
+ margin: 0 auto;
+ }
> a {
- &:nth-child(1){
- @media(min-width: 520px){
- margin-right: 24px;
- }
- }
- @media(max-width: 520px){
- &:nth-child(2){
- margin-top: 24px;
- }
- }
display: flex;
flex-direction: column;
cursor: pointer;
color: inherit;
- width: 240px;
+ width: 268px;
+ padding: 0px 8px;
+ min-width: 268;
+ margin: 8px 0;
+ @media(min-width: 552px){
+ margin: 0;
+ }
> div.teaser {
font-size: .7em;
text-align: justify;
--
GitLab