initial development checkpoint 3

server/css/base_style.css

@@ -57,7 +57,8 @@ header .top-half .view-test-main-tag {
 header .lower-half a.generic-button,
 header .lower-half a.sub-button,
 main * a.sub-button,
-main * a.scary-button
+main * a.scary-button,
+main a.return-button
 {
     text-decoration: none;
     border-radius: 15px;
@@ -81,7 +82,8 @@ header .lower-half a.generic-button:hover {
 }
 
 header .lower-half a.sub-button,
-main * a.sub-button
+main * a.sub-button,
+main a.return-button
 {
     border: 1px solid #000;
 }
@@ -110,7 +112,7 @@ main .response-option
 {
     padding: 20px;
     background: var(--blue-gradient-glassy);
-    margin-top: 16px;
+    margin-bottom: 16px;
     border-radius: 14px;
     vertical-align: middle;
 }
@@ -149,6 +151,21 @@ main * .sub-title {
     margin-top: 12px;
 }
 
+main * .response-option-short-list
+{
+    margin-top: 12px;
+}
+
+main * .response-option-short
+{
+    display: inline-block;
+    margin-top: 7px;
+    background: #F1F1F1;
+    border-radius: 6px;
+    padding: 4px;
+    font-weight: 500;
+}
+
 main .response-option a.response-option-mark {
     font-size: 16pt;
     text-decoration: none;
@@ -160,3 +177,14 @@ main .response-option a.response-option-mark {
     border: solid 1px;
     font-family: monospace;
 }
+
+main .return-button-centerer
+{
+    display: grid;
+}
+
+main a.return-button
+{
+    margin: auto;
+    margin-bottom: 15px;
+}