move attempt styles to main css file

tangentcode · Feb 26, 2024 · fefa0e8 · fefa0e8
1 parent 90d4c12
commit fefa0e8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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>
+</span>