jostlebot commited on
Commit
4a6e944
·
1 Parent(s): 6de8392

Move End Session button, add longer pauses

Browse files
Files changed (2) hide show
  1. static/index.html +4 -1
  2. static/styles.css +29 -0
static/index.html CHANGED
@@ -61,7 +61,6 @@
61
  <h2>Tolerate Space Lab</h2>
62
  <div class="session-info">
63
  <span id="round-display">Round 1</span>
64
- <button id="end-session-btn" class="secondary-btn">End Session</button>
65
  </div>
66
  </header>
67
 
@@ -118,6 +117,10 @@
118
  <!-- Entries will be inserted here -->
119
  </div>
120
  </div>
 
 
 
 
121
  </div>
122
  </div>
123
 
 
61
  <h2>Tolerate Space Lab</h2>
62
  <div class="session-info">
63
  <span id="round-display">Round 1</span>
 
64
  </div>
65
  </header>
66
 
 
117
  <!-- Entries will be inserted here -->
118
  </div>
119
  </div>
120
+
121
+ <div class="end-session-area">
122
+ <button id="end-session-btn" class="end-session-btn">End Session</button>
123
+ </div>
124
  </div>
125
  </div>
126
 
static/styles.css CHANGED
@@ -809,6 +809,35 @@ body {
809
  color: var(--muted);
810
  }
811
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
812
  /* ==========================================================================
813
  Mobile Tabs
814
  ========================================================================== */
 
809
  color: var(--muted);
810
  }
811
 
812
+ /* ==========================================================================
813
+ End Session Button (in journal panel)
814
+ ========================================================================== */
815
+
816
+ .end-session-area {
817
+ padding: var(--space-md);
818
+ margin-top: auto;
819
+ border-top: 1px solid var(--soft-border);
820
+ }
821
+
822
+ .end-session-btn {
823
+ width: 100%;
824
+ padding: var(--space-sm) var(--space-md);
825
+ font-family: var(--font-ui);
826
+ font-size: 0.95rem;
827
+ color: var(--charcoal-light);
828
+ background: var(--cream);
829
+ border: 1px solid var(--soft-border);
830
+ border-radius: var(--radius-sm);
831
+ cursor: pointer;
832
+ transition: all 0.2s;
833
+ }
834
+
835
+ .end-session-btn:hover {
836
+ background: var(--sage-light);
837
+ color: var(--white);
838
+ border-color: var(--sage);
839
+ }
840
+
841
  /* ==========================================================================
842
  Mobile Tabs
843
  ========================================================================== */