Enhance creatures

styles/simple.css

@@ -1209,12 +1209,10 @@ ul, li {
   text-shadow: 0px 1px 0px #4d3534;
   position: relative;
   max-height:1.7rem;
-  margin-left:4px;
   flex-grow:1;
-  max-width: 4rem;
-  min-width: 4rem;
+  max-width: 3.5rem;
+  min-width: 3.5rem;
 }
-
 .button-sheet-roll:hover {
   background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
   background-color: rgb(56, 33, 33);
@@ -1224,6 +1222,21 @@ ul, li {
   top:1px;
 }
 
+.defense-sheet {
+  border-radius: 4px;
+  text-align: center;
+  display: inline-block;
+  font-size: 0.8rem;
+  padding: 1px 1px 0px 1px;
+  text-decoration: none;
+  position: relative;
+  max-height:1.7rem;
+  margin-left:4px;
+  flex-grow:1;
+  max-width: 3.5rem;
+  min-width: 3.5rem;
+}
+
 .plus-minus-button {
   box-shadow: inset 0px 1px 0px 0px #a6827e;
   background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%);
@@ -1315,13 +1328,10 @@ ul, li {
 /*************************************************************/
 .arme-defensif {
   padding-top: 7px;
-  padding-left: 4px;
-  margin-left: 4px;
   text-align: center;
   flex-grow: 2;
 }
 
-
 /*************************************************************/
 .item-name-img {
   flex-grow:1;