✨

less/character-sheet.less

@@ -53,12 +53,12 @@
     }
 
     .smallInputText {
-        font-size: 14px;
+        font-size: 16px;
 
         padding-left: 10px;
         padding-right: 10px;
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding-top: 8px;
+        padding-bottom: 8px;
 
         margin-top: 5px;
         width: 60%;
@@ -167,8 +167,8 @@
 
     .imgBox:after {
 		content: "";
-		border-top: 40px solid #b0b0b0;
-		border-left: 40px solid #c00d0d;
+		border-top: 30px solid #b0b0b0;
+		border-left: 30px solid #c00d0d;
 		height: 0;
         float: left;
         position: absolute;
@@ -196,37 +196,12 @@
         justify-content: center;
 	}
 
-    .topPicture
-	{
-		margin: 6px auto;
-		width: 40px;
-	}
-
-	.buttontopPicture1, .buttontopPicture2
-	{
-		height: 8px;
-		width: 8px;
-		background-color: #c00d0d;
-		border: 1px solid #000;
-		float: left;
-
-		border-radius: 15px;
-		-webkit-border-radius: 15px;
-		-moz-border-radius: 15px;
-		-o-border-radius: 15px;
-	}
-
-	.buttontopPicture1
-	{
-		margin-right: 20px;
-	}
-
 	.buttonbottomPicture
 	{
 		height: 26px;
 		width: 26px;
 		background-color: #c00d0d;
-		margin-left: 35px;
+		margin-left: 20px;
 		float: left;
 
 		border-radius: 30px;
@@ -251,6 +226,9 @@
 		width: 75px;
 		height: 25px;
 		margin-right: 20px;
+        right: 0px;
+        bottom: 7px;
+        position: absolute;
 	}
 
 	.sp
@@ -286,6 +264,39 @@
         margin-top: 200px;
     }
 
+    .hitPointBox {
+        display: flex;
+    }
+
+    .row {
+        display: flex;
+    }
+
+    .charHex {
+        width: 50px;
+        height: 50px;
+        background-color: #30da0c;
+        color: black;
+        border: black;
+
+        box-shadow: 0 0 20px #003300 inset;
+        -webkit-box-shadow: 0 0 20px #003300 inset;
+        -moz-box-shadow: 0 0 20px #003300 inset;
+        -o-box-shadow: 0 0 20px #003300 inset;
+
+        border-radius: 10px;
+        -webkit-border-radius: 10px;
+        -moz-border-radius: 10px;
+        -o-border-radius: 10px;
+
+        padding: 5px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-around;
+        align-items: center;
+        text-align: center;
+    }
+
     .menuBox {
         background-color: #5e0000;
         border: none;