Spaces:
Running
Running
Move End Session button, add longer pauses
Browse files- static/index.html +4 -1
- 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 |
========================================================================== */
|