From 7842fb64569661275046be229ce8712408110e17 Mon Sep 17 00:00:00 2001
From: Marc Riera Irigoyen <marc.riera.irigoyen@gmail.com>
Date: Mon, 5 Mar 2018 23:58:09 +0100
Subject: [PATCH] Improve theme for small devices

---
 themes/crab/static/css/crab.css | 38 ++++++++++++++++++++++++++++++---
 1 file changed, 35 insertions(+), 3 deletions(-)

diff --git a/themes/crab/static/css/crab.css b/themes/crab/static/css/crab.css
index 1af002e..f9d34dc 100644
--- a/themes/crab/static/css/crab.css
+++ b/themes/crab/static/css/crab.css
@@ -327,14 +327,46 @@ form textarea {
   resize: none;
 }
 
-@media screen and (max-width: 699px) {
-#site-logo {
+@media screen and (max-width: 779px) {
+
+#header-left {
   display: block;
+  float: none;
+  width: 100%;
+  text-align: center;
+}
+
+#header-right {
+  display: block;
+  float: none;
+  width: 100%;
+  text-align: center;
+}
+
+#site-logo,
+#site-title {
+  display: block;
+  float: none;
+  margin: auto;
+}
+
+#site-title,
+#site-slogan {
+  padding: 0px 5px;
+}
+
+.language-selector {
+  text-align: center;
+  float: none;
+}
+
+nav {
+  text-align: center;
 }
 
 }
 
-@media (min-width: 700px) {
+@media (min-width: 780px) {
   #container {
     max-width: 1200px;
   }