css for commands

2023-07-24 17:38:18 +02:00
parent f2d3c7eb59
commit ccc244f054
5 changed files with 26 additions and 30 deletions
@@ -55,7 +55,7 @@
  display: flex;
 }

-.command-line button {
+.command-line button, .undo-button {
  display: block;
  white-space: nowrap;
  flex: 0;
@@ -153,19 +153,23 @@
  flex: 1;
 }

-.undo-button {
-  border: 1px solid #bbb;
-  display: block;
-  padding-left: .3rem;
-  padding-right: .5rem;
-  float: right;
-  border-radius: .5rem;
-  background-color: #fff;
-  color: #888;
+.exercise .command {
+  background-color: #bbb;
+  padding: .5em;
+  border-radius: .2em;
+  margin-top: 2rem;
+  display: flex;
+  flex-direction: row;
 }

-.undo-button:hover {
-  border: 1px solid #888;
-  background-color: #ffdcc7;
-  cursor: pointer;
+.exercise .command-text {
+  flex: 1;
+  background-color: #fff;
+  font-family: "Droid Sans Mono", "monospace", monospace;
+  font-size: 14px;
+  padding: 0.4em .6em 0;
+}
+
+.undo-button {
+  color: #888;
 }