story!

2 files changed, 48 insertions, 0 deletions

diff --git a/resources/css/menu.css b/resources/css/menu.css
index 33ab7c3..9b0919f 100644
--- a/resources/css/menu.css
+++ b/resources/css/menu.css
@@ -359,6 +359,29 @@
   grid-gap: 1rem;
 }
 
+.menu__settings table {
+  border-collapse: collapse;
+}
+
+.menu__settings table th {
+  font-weight: normal;
+  text-align: left;
+  vertical-align: top;
+}
+
+.menu__settings table tr:not(:last-child) > * {
+  padding-bottom: 1rem;
+}
+
+.menu__settings input,
+.menu__settings select {
+  width: 100%;
+}
+
+.menu__settings select {
+  text-align: center;
+}
+
 .setting-highlight {
   border: 2px solid yellow !important;
 }
@@ -369,3 +392,20 @@
   stroke: yellow;
   stroke-width: 2px;
 }
+
+
+
+
+.story__popup {
+  padding: 1rem;
+  max-width: 300px;
+
+  display: grid;
+  grid-gap: 1rem;
+
+  text-align: center;
+}
+
+.story__popup .text {
+  font-size: 1.2rem;
+}
diff --git a/resources/css/page.css b/resources/css/page.css
index d16e542..2091829 100644
--- a/resources/css/page.css
+++ b/resources/css/page.css
@@ -34,8 +34,16 @@ svg {
   display: block;
 }
 
+svg [data-interactable="true"],
 svg [data-location],
 svg [data-area],
 svg [data-encounter] {
   cursor: pointer;
+  stroke: red;
+  fill: transparent;
+}
+
+svg [data-interactable="false"] {
+  stroke: transparent;
+  fill: transparent;
 }