✨

less/character-sheet.less

@@ -158,6 +158,10 @@
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
+
+		position: absolute;
+		bottom: 0;
+		left: 0;
     }
 
     .imgBox:after {
@@ -168,17 +172,11 @@
         float: left;
         position: absolute;
         left: 20px;
-
-		position: absolute;
-		bottom: 0;
-		left: 0;
 	}
 
-    .charImg {
-		max-height: 95px;
-		max-width: 174px;
-        height: auto;
-        width: auto;
+    .screen {
+		height: 95px;
+		width: 174px;
 
 		margin-top: 20px;
 		margin-bottom: 9px;
@@ -191,4 +189,11 @@
 		-moz-border-radius: 15px;
 		-o-border-radius: 15px;
 	}
+
+    .charImg {
+		max-height: 95px;
+		max-width: 174px;
+        height: auto;
+        width: auto;
+    }
 }

pokemon.css

@@ -134,6 +134,9 @@
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -o-border-radius: 15px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
 }
 .pokemon.sheet.characterSheet .imgBox:after {
   content: "";
@@ -141,16 +144,12 @@
   border-left: 40px solid #c00d0d;
   height: 0;
   float: left;
-  left: 20px;
   position: absolute;
-  bottom: 0;
-  left: 0;
+  left: 20px;
 }
-.pokemon.sheet.characterSheet .charImg {
-  max-height: 95px;
-  max-width: 174px;
-  height: auto;
-  width: auto;
+.pokemon.sheet.characterSheet .screen {
+  height: 95px;
+  width: 174px;
   margin-top: 20px;
   margin-bottom: 9px;
   background-color: #fff;
@@ -161,3 +160,9 @@
   -moz-border-radius: 15px;
   -o-border-radius: 15px;
 }
+.pokemon.sheet.characterSheet .charImg {
+  max-height: 95px;
+  max-width: 174px;
+  height: auto;
+  width: auto;
+}

system.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.0.21",
+    "version": "0.0.22",
     "id": "pokemon",
     "title": "Pokémon TTRPG",
     "description": "A Pokémon TTRPG",

templates/sheets/character/sidebar.hbs

@@ -6,7 +6,9 @@
                 <div class="buttontopPicture"></div>
                 <div class="buttontopPicture"></div>
             </div>
-            <img class="charImg" src="{{actor.img}}" data-edit="img" data-action="editImage" title="{{actor.name}}" >
+            <div class="screen">
+                <img class="charImg" src="{{actor.img}}" data-edit="img" data-action="editImage" title="{{actor.name}}" >
+            </div>
             <div class="buttonbottomPicture"></div>
             <div class="speakers">
                 <div class="sp"></div>