Adapt for mobile, hide elt when needed

html/style-classic.css

@@ -1477,6 +1477,21 @@ div#modele_op_div{
     min-width: 75%;
     box-shadow: 10px 10px 5px #888888;
 }
+div#preference_div {
+    background-color:#e4e7ed;
+    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
+    padding:0px;
+    margin:0px;
+    overflow:hidden;
+    z-index:3;
+    position:absolute;
+    border:1px solid #00008B;
+    top:32px;
+    top:2rem;
+    left:20%;
+    width:50%;
+}
 }
 @media only screen and (max-width: 955px) {
     div.name  {
@@ -1500,6 +1515,21 @@ div#modele_op_div{
     width: 85%;
      box-shadow: 10px 10px 5px #888888;
 }
+div#preference_div {
+    background-color:#e4e7ed;
+    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
+    padding:0px;
+    margin:0px;
+    overflow:hidden;
+    z-index:3;
+    position:absolute;
+    border:1px solid #00008B;
+    top:32px;
+    top:2rem;
+    left:1%;
+    width:98%;
+}
 }
 
 div#box_search_card {
@@ -1536,21 +1566,7 @@ div#bookmark_div {
    left:30%;
    width:40%;
 }
-div#preference_div {
-    background-color:#e4e7ed;
-    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
-    padding:0px;
-    margin:0px;
-    overflow:hidden;
-    z-index:3;
-    position:absolute;
-    border:1px solid #00008B;
-    top:32px;
-    top:2rem;
-    left:20%;
-    width:50%;
-}
+
 #error_div{
     position:absolute;
     border:1px solid #000000;
@@ -2116,4 +2132,29 @@ button.cancel {
 td.selectedmenu {
  background-color: beige;   
  font-weight: bolder;
+}
+/*
+ * Hide element for small screen 
+ */
+.visible_gt800 {
+    
+}
+@media only screen and (max-width:850px) {
+    .visible_gt800 {
+        display:none;
+    }
+    div#bookmark_div {
+    padding:2px;
+    margin:0px;
+    overflow:hidden;
+    z-index:3;
+    position:absolute;
+   border:1px solid #00008B;
+   top:32px;
+   top:2rem;
+   left:5%;
+   width:90%;
+}
+
+
 }

html/user_login.php

@@ -158,7 +158,7 @@ echo '<div id="module">'.$result.'</div>';
 echo '</div>';
 ?>
 <div class="foldercontent">
-	<span style="display:block;margin:2%">
+	<span style="margin:2%" class="visible_gt800">
  <?php
                         echo _('Cherche').HtmlInput::infobulle(23);
 ?>