From fefa0e8b49d68ed4e33332ef7c92a3383407ff1e Mon Sep 17 00:00:00 2001
From: tangentstorm <michal.wallace@gmail.com>
Date: Mon, 26 Feb 2024 19:38:54 +0000
Subject: [PATCH] move attempt styles to main css file

---
 tanco/static/style.css       |  6 ++++++
 tanco/templates/attempt.html | 10 ++--------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/tanco/static/style.css b/tanco/static/style.css
index 8866bf7..d7aa6a7 100644
--- a/tanco/static/style.css
+++ b/tanco/static/style.css
@@ -67,3 +67,9 @@ a:hover { color: #0162c2ff; background: #f3f0e5; }
 .diff pre { display: block;  margin: 0; padding: 0; }
 .diff del { color: #000; background: #fdd; }
 .diff ins { color: #000; background: #dfd; }
+
+/** flexbox with narrow progress in left column, wide test detail in right column */
+#attempt { display: flex; }
+#progress { flex: 1; max-width: 150px; }
+#test-detail { flex: 3; }
+#state { width: calc(100% - 230px); }
diff --git a/tanco/templates/attempt.html b/tanco/templates/attempt.html
index a7fc3cf..09764f2 100644
--- a/tanco/templates/attempt.html
+++ b/tanco/templates/attempt.html
@@ -37,12 +37,6 @@
 
 
 <div id="attempt">
-  <style>
-    /** flexbox with narrow progress in left column, wide test detail in right column */
-    #attempt { display: flex; }
-    #progress { flex: 1; max-width: 150px; }
-    #test-detail { flex: 3; }
-  </style>
   <!-- list progress (passed tests) -->
   <div id="progress">
     <h3>passed tests</h3>
@@ -53,7 +47,7 @@ <h3>passed tests</h3>
     </div>
   </div>
 
-  <div style="width: calc(100% - 230px);">
+  <div id="state">
     {% include "state.html" %}
     <div id="buttons" hx-swap="none">
       <button disabled class="has-tooltip" hx-post="/a/{{ data.code }}/cmd/test">test
@@ -89,4 +83,4 @@ <h3>passed tests</h3>
 
 </div>
 
-</span>
\ No newline at end of file
+</span>