config systeme de tabulation

core/module/config/view/index/index.css

@@ -22,10 +22,30 @@
 }
 
 .activeButton {
-    filter : brightness(150%);    
+
+    filter : brightness(180%);
+}
+.buttonTab:hover {
+    filter : brightness(140%);
 }
 
 .buttonNotice {
-    border: 2px solid red !important; 
+    border: 2px solid red !important;
     border-radius: 2px;
-}
+}
+
+/* Style the tab */
+.tab {
+    overflow: hidden;
+    display: inline-block;
+  }
+
+
+.buttonTab {
+float: left;
+transition: 0.3s;
+border-radius: 10px 10px 0px 0px;
+width: 160px;
+/*background-color: #ccc;*/
+margin: 0 1px;
+}

core/module/config/view/index/index.php

@@ -20,37 +20,38 @@
 		<?php echo template::submit('Submit'); ?>
 	</div>
 </div>
-<div class="row">
-    <div class="col12">
-        <div class="row textAlignCenter">
-            <div class="col2">
-                <?php echo template::button('configSetupButton', [
-                    'value' => 'Configuration'
-                ]); ?>
-            </div>
-            <div class="col2">
-                <?php echo template::button('configLocaleButton', [
-                    'value' => 'Localisation'
-                ]); ?>
-            </div>
-            <div class="col2">
-                <?php echo template::button('configSocialButton', [
-                    'value' => 'Référencement'
-                ]); ?>
-            </div>
-            <div class="col2">
-                <?php echo template::button('configConnectButton', [
-                    'value' => 'Connexion'
-                ]); ?>
-            </div>
-            <div class="col2">
-                <?php echo template::button('configNetworkButton', [
-                    'value' => 'Réseau'
-                ]); ?>
-            </div>
-        </div>
-    </div>
+
+<div class="tab">
+    <?php echo template::button('configSetupButton', [
+        'value' => 'Configuration',
+        'class' => 'buttonTab'
+    ]); ?>
+</div>
+<div class="tab">
+    <?php echo template::button('configLocaleButton', [
+        'value' => 'Localisation',
+        'class' => 'buttonTab'
+    ]); ?>
+</div>
+<div class="tab">
+    <?php echo template::button('configSocialButton', [
+        'value' => 'Référencement',
+        'class' => 'buttonTab'
+    ]); ?>
 </div>
+<div class="tab">
+    <?php echo template::button('configConnectButton', [
+        'value' => 'Connexion',
+        'class' => 'buttonTab'
+    ]); ?>
+</div>
+<div class="tab">
+    <?php echo template::button('configNetworkButton', [
+        'value' => 'Réseau',
+        'class' => 'buttonTab'
+    ]); ?>
+</div>
+
 
 
 <?php include ('core/module/config/view/setup/setup.php') ?>