Layout updated

src/Modules/Neuron/layout.py

@@ -182,7 +182,6 @@ class layout(layoutOp):
                     'layout': {'margin': {'l': 0, 'r': 0, 't': 30, 'b': 0}}}
         else:
             data = self.SpikePerNeuron
-            print(data)
             data = [d for d, l in product(data, g.finalLabels) if (
                 int(l["N"]) == d['i']['N'] and int(l["Label"]) == filteredClass["z"])]
             xx = [N["i"]["N"] for N in data]

src/static/css/app.css

@@ -41,27 +41,32 @@ background-color: red !important;
   background-color: #dc3545; 
   color: white;
   font-weight: 500;
-  width: 100%;
+  width: 100px;
+  height: 100px;
   margin-bottom: 5px;
+  margin-right: 5px;
   border:none;
 }
 .btn-module:focus{
   background-color: #d42b3c; 
   color: white;
-  width: 100%;
+  width: 100px;
+  height: 100px;
   border:none;
   box-shadow: #d42b3c; 
 }
 .btn-module:hover{
   background-color: #d42b3c; 
   color: white;
-  width: 100%;
+  width: 100px;
+  height: 100px;
   border:none;
 }
 .btn-module:active{
   background-color: #d42b3c; 
   color: white;
-  width: 100%;
+  width: 100px;
+  height: 100px;
   border:none;
 }
 .btn-group-vertical{

src/templates/index.html

@@ -40,7 +40,7 @@
     </div>
     </div>
     </div>
-</div>
+
     <div class="row d-flex justify-content-center">
         <div class="col-md-10 col-lg-5 col-sm-10 row-sim">
             <h5 style="text-align: start;">Settings</h5>
@@ -67,8 +67,7 @@
 
         <div class="col-md-10 col-lg-5 col-sm-10 row-sim">
             <h5 style="text-align: start;">Modules</h5>
-            <div class="col-12 btn-group-vertical" data-toggle="buttons" style="padding-left: 0px;padding-right: 0px;">
-
+            <div class="col-12" data-toggle="buttons" style="padding-left: 0px;padding-right: 0px;">
                 {% for module in modules %}
 
                 <button type="button" class="btn btn-primary btn-module" data-value="{{ module }}" 
@@ -80,23 +79,12 @@
             </div>
         </div>
     </div>
-    <div class="loading" style="text-align: center;visibility: hidden;">
-      <h5 style="padding-bottom: 5px;">Pre-processing, please wait ...</h5>  
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-      <div class="spinner-grow spinner-grow-sm" style="color: rgb(68, 71, 99)" role="status"></div>
-    </div>
     <div style="width:100%;text-align:center;margin-bottom: 25px;margin-top: 10px;">  <a id="btn_start" class="btn btn-success" style="color: white;width:50%;font-weight:500;" href="#" role="button">
             Start Analysis</a>
      </div>
+     <div class="loading" style="text-align: center;visibility: hidden;">
+        <h5 style="padding-bottom: 8px;">Pre-processing, please wait ...</h5>  
+        <div class="spinner-border" style="color: rgb(68, 71, 99)" role="status"></div>
       </div>
 </body>
-
 </html>
\ No newline at end of file