From 4d4f071417a7bb191d57cb01c257cba58fb4f91a Mon Sep 17 00:00:00 2001
From: Olivier Grech <olivier-grech@users.noreply.github.com>
Date: Wed, 16 Dec 2020 09:52:18 +0100
Subject: [PATCH] Move profile image to the left (#93)

* Move profile image to the left on actor and crew sheets

* Remove profile-img CSS class
---
 scss/style.scss                   | 4 ----
 styles/blades.css                 | 3 ---
 templates/actor-sheet.html        | 4 ++--
 templates/crew-sheet.html         | 4 ++--
 templates/items/ability.html      | 2 +-
 templates/items/class.html        | 2 +-
 templates/items/cohort.html       | 2 +-
 templates/items/crew_ability.html | 2 +-
 templates/items/crew_type.html    | 2 +-
 templates/items/crew_upgrade.html | 2 +-
 templates/items/item.html         | 2 +-
 templates/items/simple.html       | 2 +-
 12 files changed, 12 insertions(+), 19 deletions(-)

diff --git a/scss/style.scss b/scss/style.scss
index a8ef9df..ed8d73d 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -400,10 +400,6 @@ $hover-brightness: 0.8;
     margin-bottom: 10px;
   }
 
-  .profile-img {
-    margin: 0px 30px;
-  }
-
   $coin_size: 15px;
   $coin_margin: 3px;
 
diff --git a/styles/blades.css b/styles/blades.css
index 3a6174a..66e6629 100644
--- a/styles/blades.css
+++ b/styles/blades.css
@@ -566,9 +566,6 @@
 * #alias {
   margin-bottom: 10px;
 }
-* .profile-img {
-  margin: 0px 30px;
-}
 * .coins {
   display: flex;
   /* Hide the browser's default checkbox */
diff --git a/templates/actor-sheet.html b/templates/actor-sheet.html
index b7e9752..ad5b882 100644
--- a/templates/actor-sheet.html
+++ b/templates/actor-sheet.html
@@ -2,6 +2,8 @@
 
   <section id="name-alias" class="flex-horizontal">
 
+    <img src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"/>
+
     <div class="grow-two">
       <div id="name">
         <label for="character-{{actor._id}}-name">{{localize "BITD.Name"}}</label>
@@ -73,8 +75,6 @@
       </div>
     </div>
 
-    <img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"/>
-
     <div class="grow-two">
       <div id="alias">
         <label for="character-{{actor._id}}-alias">{{localize "BITD.Alias"}}</label>
diff --git a/templates/crew-sheet.html b/templates/crew-sheet.html
index 1c318bd..e828887 100644
--- a/templates/crew-sheet.html
+++ b/templates/crew-sheet.html
@@ -2,6 +2,8 @@
 
   <section class="flex-horizontal">
 
+    <img src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"/>
+
     <div id="name-alias" class="grow-two flex-column">
       <div id="name">
         <label for="crew-name">{{localize "BITD.Name"}}</label>
@@ -25,8 +27,6 @@
         {{/each}}
       </div>
     </div>
-  
-    <img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"/>
 
     <div class="grow-two flex-vertical">
       <div id="lair">
diff --git a/templates/items/ability.html b/templates/items/ability.html
index 9c45796..bf03701 100644
--- a/templates/items/ability.html
+++ b/templates/items/ability.html
@@ -1,6 +1,6 @@
 <form class="{{cssClass}}" autocomplete="off">
     <header class="sheet-header">
-        <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+        <img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
         <div class="header-fields">
             <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BITD.Name'}}"/></h1>
         </div>
diff --git a/templates/items/class.html b/templates/items/class.html
index d063d42..3bb7dbe 100644
--- a/templates/items/class.html
+++ b/templates/items/class.html
@@ -1,6 +1,6 @@
 <form class="{{cssClass}}" autocomplete="off">
   <header class="sheet-header">
-      <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+      <img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
       <div class="header-fields">
           <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BITD.Name'}}"/></h1>
       </div>
diff --git a/templates/items/cohort.html b/templates/items/cohort.html
index a5174fb..9c393c2 100644
--- a/templates/items/cohort.html
+++ b/templates/items/cohort.html
@@ -1,7 +1,7 @@
 <form class="{{cssClass}}" autocomplete="off">
 
   <header class="sheet-header">
-      <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+      <img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
       <div class="header-fields">
           <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BITD.Name'}}"/></h1>
       </div>
diff --git a/templates/items/crew_ability.html b/templates/items/crew_ability.html
index 075abaa..b343f81 100644
--- a/templates/items/crew_ability.html
+++ b/templates/items/crew_ability.html
@@ -1,6 +1,6 @@
 <form class="{{cssClass}}" autocomplete="off">
     <header class="sheet-header">
-        <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+        <img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
         <div class="header-fields">
             <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BITD.Name'}}"/></h1>
         </div>
diff --git a/templates/items/crew_type.html b/templates/items/crew_type.html
index d03d318..8d9c68d 100644
--- a/templates/items/crew_type.html
+++ b/templates/items/crew_type.html
@@ -1,6 +1,6 @@
 <form class="{{cssClass}}" autocomplete="off">
   <header class="sheet-header">
-      <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+      <img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
       <div class="header-fields">
           <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BITD.Name'}}"/></h1>
       </div>
diff --git a/templates/items/crew_upgrade.html b/templates/items/crew_upgrade.html
index 9d94960..61112d1 100644
--- a/templates/items/crew_upgrade.html
+++ b/templates/items/crew_upgrade.html
@@ -1,6 +1,6 @@
 <form class="{{cssClass}}" autocomplete="off">
   <header class="sheet-header">
-      <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+      <img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
       <div class="header-fields">
           <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BITD.Name'}}"/></h1>
       </div>
diff --git a/templates/items/item.html b/templates/items/item.html
index 384acc7..a5da21a 100644
--- a/templates/items/item.html
+++ b/templates/items/item.html
@@ -1,6 +1,6 @@
 <form class="{{cssClass}}" autocomplete="off">
     <header class="sheet-header">
-        <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+        <img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
         <div class="header-fields">
             <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BITD.Name'}}"/></h1>
         </div>
diff --git a/templates/items/simple.html b/templates/items/simple.html
index 21afef3..093af91 100644
--- a/templates/items/simple.html
+++ b/templates/items/simple.html
@@ -1,6 +1,6 @@
 <form class="{{cssClass}}" autocomplete="off">
   <header class="sheet-header">
-      <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+      <img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
       <div class="header-fields">
           <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BITD.Name'}}"/></h1>
       </div>