New stuff
diff --git a/styles.css b/styles.css
index 73d891b..2982d5d 100644
--- a/styles.css
+++ b/styles.css
@@ -31,9 +31,25 @@
.table-container {
overflow-y: scroll;
margin-top: 8px;
+ display: flex;
+ flex-direction: column;
/* border: 1px solid gray;*/
+ font-size: 0.85rem!important;
+
}
+.table-title {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ background: rgb(242,242,247);
+ color: rgb(72,72,74);
+ position: sticky;
+ top: 0;
+ padding: 3px;
+}
+
+
.bottom-menu {
font-size: 0.85rem!important;
display: grid;
@@ -41,25 +57,56 @@
margin-top: 8px;
}
-table {
- width: 100%;
- border-collapse: collapse;
- margin: 0;
- background: white;
- table-layout: fixed;
- font-size: 0.85rem!important;
-}
-td {
- padding: 2px 4px;
+.to {
+ border: 1px solid #59ACFF;
+ background: #F6FBFF;
+ border-radius: 4px;
+ padding: 3px;
+ margin-left: 8px;
+ justify-self: flex-end;
}
-thead {
- background: rgb(242,242,247);
- color: rgb(72,72,74);
- position: sticky;
- top: 0;
+.to::before {
+ content: "in ";
}
-td:last-child {
- text-align: right;
-}
\ No newline at end of file
+
+.res {
+ border: 1px solid #FFCC00;
+ background: #FFF8DA;
+ border-radius: 4px;
+ padding: 3px;
+ margin-left: 8px;
+}
+
+.equals {
+ content: "= ";
+ color: #FF7700;
+/* font-weight: bold;*/
+}
+
+.filler {
+ flex: 1;
+ display: flex;
+ align-items: baseline;
+ justify-content: flex-end;
+}
+
+.entry {
+ margin: 4px 0;
+ display: flex;
+ flex-direction: row;
+ align-items: baseline;
+ flex-wrap: wrap;
+}
+
+.noselect {
+ -webkit-user-select: none; /* Safari */
+ -ms-user-select: none; /* IE 10 and IE 11 */
+ user-select: none; /* Standard syntax */
+ cursor: default;
+}
+
+.noselect input[type=text], .noselect textarea {
+ cursor: auto;
+}