Added attribute rolls

main.css

@@ -28,6 +28,17 @@
             padding: 0px;
             text-align: center;
             vertical-align: middle;
+
+            &[type=roll] {
+                background-color: #550000;
+                border: 0;
+                width: 1.5em;
+                height: 1.5em;
+                background-image: none;
+                color: white;
+                border-radius: 8px;
+                box-shadow: none;
+            }
         }
         
         input {
@@ -141,6 +152,7 @@
     padding: 2em;
     width: auto;
     min-height: 100%;
+    height: fit-content;
 }
 
 .tab {
@@ -150,7 +162,8 @@
     outline-style: double;
     outline-color: #550000;
     width: 100%;
-    height: 40em;
+    min-height: 40em;
+    height: fit-content;
     display: none;
 }