✨

less/character-sheet.less

@@ -175,8 +175,8 @@
 	}
 
     .screen {
-		height: 95px;
-		width: 174px;
+		height: 110px;
+		width: 140px;
 
 		margin-top: 20px;
 		margin-bottom: 9px;
@@ -188,11 +188,15 @@
 		-webkit-border-radius: 15px;
 		-moz-border-radius: 15px;
 		-o-border-radius: 15px;
+
+        display: flex;
+        align-items: center;
+        justify-content: center;
 	}
 
     .charImg {
 		max-height: 95px;
-		max-width: 174px;
+		max-width: 125px;
         height: auto;
         width: auto;
     }

pokemon.css

@@ -148,8 +148,8 @@
   left: 20px;
 }
 .pokemon.sheet.characterSheet .screen {
-  height: 95px;
-  width: 174px;
+  height: 110px;
+  width: 140px;
   margin-top: 20px;
   margin-bottom: 9px;
   background-color: #fff;
@@ -159,10 +159,13 @@
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -o-border-radius: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .pokemon.sheet.characterSheet .charImg {
   max-height: 95px;
-  max-width: 174px;
+  max-width: 125px;
   height: auto;
   width: auto;
 }

templates/sheets/character/sidebar.hbs

@@ -1,5 +1,5 @@
 <div class="mainBox">
-    <div class="sideBarBox">
+    <div class="sidebarBox">
 
         <div class="imgBox">
             <div class="topPicture">