If LSL is not started, all the app buttons will remain disabled until LSL starts.

Author: PayalLakra

static/style.css

@@ -61,6 +61,7 @@ button:disabled {
 
 .app-buttons {
     margin-top: 20px;
+    cursor: not-allowed;
 }
 
 .row {
@@ -100,6 +101,11 @@ button:disabled {
     cursor: not-allowed;
 }
 
+.lsl-disabled button {
+    cursor: not-allowed;
+    pointer-events: none;
+}
+
 button.running {
     background-color: rgb(105, 206, 105);
     cursor: not-allowed;

templates/index.html

@@ -29,7 +29,7 @@ <h1>Chords-Python Applications</h1>
                 <button id="start_lsl_button" class="lsl-running" disabled>LSL Stream Running</button>
             {% endif %}
         </div>        
-        <div class="app-buttons">
+        <div class="app-buttons {% if not lsl_started %}lsl-disabled{% endif %}">
             <!-- Row 1: ECG, EMG, EOG, EEG -->
             <div class="row">
                 <form action="/run_app" method="POST">