Functionnal toolbar and indicators

client/cssFiles/SEAWebClientGraphics.css

@@ -7,20 +7,21 @@
     justify-content: flex-end;
 }
 
-.panel.graphics span{
-    margin: 0 1em;
+.panel.graphics span:first-child{
+    display: none;
+    /* margin: 0 1em;
     display: flex;
     user-select: none;
-    -webkit-user-select: none;
+    -webkit-user-select: none; */
 }
 
-.panel.graphics div{
+/* .panel.graphics div{
     margin-left: 1em;
     cursor: pointer;
-}
+} */
 
 #control_bar{
-    height: 100%;
+    height: 28px;
     background-color: dimgray;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
@@ -28,7 +29,8 @@
     padding-right: 12px;
     display: flex;
     column-gap: 5px;
-    margin-left: 100px;
+    margin-left: 120px;
+    margin-top: 2px;
 }
 
 /*********************/

client/cssFiles/SEAWebClientSwiper.css

@@ -24,12 +24,15 @@
 	text-align: center;
 	background-color: #303030;
 	color: white;
-	padding: 6px 6px 6px 6px;
+	/* padding: 6px 6px 6px 6px; */
 	position: absolute;
 	z-index: 20;
 	width: 100%;
 	height: 30px;
 }
+.panel:not(.graphics){
+	padding: 6px 6px 6px 6px;
+}
 
 .slide-close-icon {
 	transition: 0.4s;