From 5708630abb930ee58740c99a33a8c9441547e841 Mon Sep 17 00:00:00 2001
From: Benjamin Renard <brenard@easter-eggs.com>
Date: Thu, 4 Jun 2020 17:52:10 +0200
Subject: [PATCH] Improve responsive view

---
 src/css/default/LSform.css   |  5 +++--
 src/css/default/LSselect.css | 19 ++++++++++++++-----
 src/css/default/base.css     | 13 ++++++++++---
 src/css/light-blue.css       |  3 +--
 4 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/src/css/default/LSform.css b/src/css/default/LSform.css
index fbb6496e..ff6d5e82 100644
--- a/src/css/default/LSform.css
+++ b/src/css/default/LSform.css
@@ -167,11 +167,12 @@ p.LSform_listAvailableDataEntryForm {
 
 @media (max-width: 1024px) {
   div.LSform {
-    margin-left: 0.5rem;
+    margin-left: 0;
+    margin-right: 0;
   }
 
   ul.LSform_layout_active {
-    margin-left: 0.5rem;
+    margin-left: 0;
   }
 
   dl.LSform {
diff --git a/src/css/default/LSselect.css b/src/css/default/LSselect.css
index 305dc45c..f1657a7c 100644
--- a/src/css/default/LSselect.css
+++ b/src/css/default/LSselect.css
@@ -49,10 +49,13 @@ div.LSobject-select {
  */
 ul.LSselect_selectable_object_types {
   list-style-type:    none;
-  padding:            0 0 4px 0;
+  padding:            0;
   margin:             1em;
   margin-bottom:      0;
   border-bottom:      1px solid #52BCE5;
+  display:            flex;
+  flex-wrap:          nowrap;
+  overflow:           auto;
 }
 
 ul.LSselect_selectable_object_types li {
@@ -62,7 +65,7 @@ ul.LSselect_selectable_object_types li {
   border-radius:      3px 3px 0px 0px;
   padding:            4px;
   display:            inline;
-  margin-right:       1px;
+  margin-right:       0.3rem;
   cursor:             pointer;
 }
 
@@ -76,8 +79,14 @@ ul.LSselect_selectable_object_types li.current {
   }
 
   #LSselect-object {
-    width: calc(98% - 1rem);
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
+    width: calc(98% - 1vw);
+    margin-left: 1vw;
+    margin-right: 1vw;
+  }
+
+  ul.LSselect_selectable_object_types {
+    margin-left: 1vw;
+    margin-top: 1vw;
+    margin-right: 1vw;
   }
 }
diff --git a/src/css/default/base.css b/src/css/default/base.css
index 2459f562..bebe582c 100644
--- a/src/css/default/base.css
+++ b/src/css/default/base.css
@@ -444,19 +444,26 @@ input[type='submit'].LSview_search {
   #right {
     width: 100vw;
     display: block;
+    padding: 1vw;
+    box-sizing: border-box;
   }
 
   h1 {
     margin-left: 0;
+    width: 98vw;
   }
 
   table.LSobject-list {
     width: 98vw;
-    margin-left: 1vw;
+    margin-left: 0;
+  }
+
+  select#LSview_search_predefinedFilter {
+    margin-left: 0;
   }
 
   ul.LSview-actions {
-    margin-right: 1.5em;
+    margin-right: 1vw;
   }
 
   /*
@@ -493,7 +500,7 @@ input[type='submit'].LSview_search {
     background: url('../image/generate') center no-repeat;
     width: 22px;
     height: 22px;
-    margin-right: 1em;
+    margin-right: 0;
     cursor: pointer;
   }
 
diff --git a/src/css/light-blue.css b/src/css/light-blue.css
index ff475ddd..1eb52066 100644
--- a/src/css/light-blue.css
+++ b/src/css/light-blue.css
@@ -194,7 +194,7 @@ td.LSobject-list, tr.LSobject-list {
 	}
 }
 
-li.LSform_layout_active {
+li.LSform_layout_active, ul.LSselect_selectable_object_types li, ul.LSaccessRightsMatrixView_tabs li {
 	border-radius: 0px;
 	border: none;
 }
@@ -365,6 +365,5 @@ input[type=radio]:checked {
 @media (max-width: 1024px) {
   table.LSobject-list {
     width: 98vw;
-    margin-left: 1vw;
   }
 }