visual tweaks

Author: supalarry

frontend/src/components/app/users/UserImages.vue

@@ -5,7 +5,7 @@
     class="relative image-height"
     v-bind:style="{
       'background-repeat': 'no-repeat',
-      'background-position': 'center center',
+      'background-position': 'center top',
       'background-size' :'cover',
       'background-image': 'url(' + getImage() + ')'}">
     <div v-if="imagesCount > 1" class="absolute flex w-full top-0 left-0 w-full z-10 px-8 pt-1">

frontend/src/components/app/users/UserProfile.vue

@@ -27,7 +27,7 @@
         class="px-4 py-1 border rounded-xl mr-2 mt-2 text-gray-600 text-sm">{{interest}}</h1>
       </div>
     </div>
-    <div class="text-left px-8 pt-8 pb-1">
+    <div class="text-left px-4 pt-8 pb-1">
       <h1 id="sliderScoreHeader">Heat score</h1>
     </div>
     <div id="sliderScoreContainer" class="text-center w-full heatScore relative h-6">
@@ -115,7 +115,7 @@ export default {
 }
 
 #sliderScoreHeader {
-  color: #660066;
+  color: #cc00ff;
 }
 
 </style>