✨

less/character-sheet.less

@@ -67,6 +67,8 @@
         background: transparent;
         color: inherit;
         text-align: inherit;
+        font-size: inherit;
+        padding: 0px;
     }
 
     .advancementBox {
@@ -107,7 +109,7 @@
         display: flex;
         justify-content: flex-start;
         align-items: center;
-        width: 60px;
+        width: 80px;
         height: 30px;
         background-color: #30da0c;
         color: black;
@@ -127,23 +129,35 @@
         padding-right: 5px;
     }
 
-    .sideBarBox {
-        visibility: hidden;
+    .expValue {
+        text-align: center;
     }
 
-    //  .sideBarBox {
-    //     float: left;
-    //     width: 185px;
-    //     min-height: 500px;
-    //     border-image: url(assets/img/banner.png);
-    //     border-image-slice: 21 18 52 fill;
-    //     border-left-width: 18px;
-    //     border-right-width: 18px;
-    //     border-top-width: 21px;
-    //     border-bottom-width: 52px;
-    //     border-style: solid;
-    //     margin-top: 3px;
-    // };
+
+    .sideBarBox {
+        float: left;
+        width: 185px;
+        min-height: 500px;
+        border-left-width: 18px;
+        border-right-width: 18px;
+        border-top-width: 21px;
+        border-bottom-width: 52px;
+        border-style: solid;
+        margin-top: 3px;
+    };
+
+    .menuBox {
+        float: left;
+        width: 400px;
+        height: 26px;
+        position: relative;
+    };
+
+    .contentBox {
+        float: left;
+        width: 430px;
+        min-height: 500px;
+    };
 
     // .imgBox {
     //     float: left;