ajout du bouton de tri sur certaine page

codeigniter/assets/style.css

@@ -37,47 +37,39 @@ main.container {
 
 .options {
     margin-right : 20px!important;
-    width: 400px;
-    height: 73.5px;
     
 }
 
-.bouton {
-    width: 25%;
-    text-align: center;
-    height: 73.5px;
-}
-
 .sous {
     display: none;
     border-radius: 5px;
     border: solid 1px black;
     background-color: #283d5d;
     position: absolute;
-    top :60px;
-    right: 13px;
+    top: 50px;
+    right: 12px;
+    text-align: center
 }
 
-
-.sous li{
-    float: none;
-    text-align: right;
-    width: 100%;
+.sous li {
+    display: block!important;
+    padding: 5px;
 }
 
-nav > ul li:hover .sous{
-    display: block ;
+nav > ul li:hover .sous {
+    display: block;
 }
 
 .deroulant a {
     text-decoration: none;
-    color:white;
+    color: white;
+    display: inline-block;
 }
 
 .deroulant > a::after {
-    content:"  ▼";
-    font-size: 15px;
-    
+    content: " ▼ ";
+    font-size: 17px;
+
 }
 
 .sous a:hover{
@@ -124,3 +116,31 @@ div.new {
     flex-shrink: 0;
     margin-left: 20px;
 }
+
+#tri {
+    text-align: right;
+}
+/* mise en forme du tri */
+
+
+/*.sous_tri {
+    display: none;
+    position: absolute;
+    text-align: right;
+    background-color: black;
+}
+
+.tri  {
+    color: #a4acba;
+    text-align: right;
+    display: inline-block;
+}
+
+.tri:hover sous_tri {
+    display: block;
+}
+
+
+.sous_tri a:hover{
+    color: #1399fc;
+}*/