1 files changed, 72 insertions, 4 deletions

diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index cd1271b..dc75da4 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -7,7 +7,8 @@
    display: grid;
 
    grid-template-columns: 100%;
-   grid-template-rows: 2em calc(100% - 4em) 2em;
+   grid-template-rows: 3em calc(100% - 15em) 10em;
+   grid-gap: 1em;
 }
 
 .battlemap-main-menu
@@ -18,6 +19,20 @@
 
    flex-direction: row;
    flex-wrap: wrap;
+
+   border: 1px solid #502D16;
+   border-top: none;
+   border-radius: 0 0 15px 15px;
+   box-shadow:
+      -1px 0px 2px #502D16,
+       1px 0px 2px #502D16,
+       0px 1px 2px #502D16;
+
+   padding: 0.5em;
+
+   background-color: rgba(145,124,111,1);
+
+   margin: 0 1em 0 1em;
 }
 
 .battlemap-main-content
@@ -31,16 +46,46 @@
 .battlemap-help
 {
    grid-row: 3;
+
+   border: 1px solid #502D16;
+   border-radius: 15px 15px 0 0;
+   border-bottom: none;
+   box-shadow:
+      -1px  0px 2px #502D16,
+       1px  0px 2px #502D16,
+       0px -1px 2px #502D16;
+
+   padding: 0.5em;
+   margin: 0 1em 0 1em;
+
+   background-color: rgba(145,124,111,1);
+}
+
+.battlemap-error
+{
+   background-color: rgba(85,0,0,1);
 }
 
 /** Main Content **************************************************************/
 .battlemap-container
 {
+
    flex-grow: 1;
 
    overflow: auto;
+
+   border: 1px solid #502D16;
+   border-radius: 15px;
+   box-shadow:
+      -1px  0px 2px #502D16,
+       1px  0px 2px #502D16,
+       0px -1px 2px #502D16,
+       0px  1px 2px #502D16;
+
    /*** Otherwise, it won't display correctly without 'transform: scale' ***/
    position: relative;
+   margin: 0 1em 0 1em;
+   background-color: rgba(145,124,111,1);
 }
 
 .battlemap-controlled
@@ -52,11 +97,36 @@
    justify-content: center;
 
    width: 15em;
+
+   padding: 0.5em;
+
+   border: 1px solid #502D16;
+   border-radius: 0 15px 15px 0;
+   border-left: none;
+   box-shadow:
+       1px  0px 2px #502D16,
+       0px -1px 2px #502D16,
+       0px  1px 2px #502D16;
+
+   background-color: rgba(145,124,111,1);
 }
 
 .battlemap-sub-menu
 {
    width: 20em;
+
+   padding: 0.5em;
+   overflow: auto;
+
+   border: 1px solid #502D16;
+   border-radius: 15px 0 0 15px;
+   border-right: none;
+   box-shadow:
+      -1px  0px 2px #502D16,
+       0px -1px 2px #502D16,
+       0px  1px 2px #502D16;
+
+   background-color: rgba(145,124,111,1);
 }
 
 /*** Main View ****************************************************************/
@@ -78,7 +148,6 @@
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
-   background-color: #6C5D53;
    padding: 0.5em;
    color: #FFEEAA;
    border-left: 1px solid #502D16;
@@ -166,10 +235,9 @@
    flex: 2;
    margin: 0.5em 0.5em 0 0.5em;
    text-align: center;
-   background-color: #917C6f;
    border-radius: 5px;
    border: 1px solid #502D16;
-   border-bottom-width: 3px;
+   border-bottom-width: 2px;
    padding: 0.05em;
 }