[Vote Style] fix issue in Safari mobile

In smaller screen sizes of Safari the user and score sections were overlapping the content. Which made the it harder to read the copy. Move the position to be medium on up.

Author: agirton

components/vote/app-style.scss

@@ -28,10 +28,10 @@
   }
 
   &__user-section {
-    flex: 0 0 25%;
     padding: 0 0 30px;
 
     @include break(medium) {
+      flex: 0 0 25%;
       padding: 0 0 0 20px;
     }
 
@@ -144,12 +144,12 @@
 
   &__score-section {
     display: flex;
-    flex: 0 0 40%;
     border: 1px solid lightgray;
     user-select: none;
     flex-wrap: wrap;
 
     @include break(medium){
+      flex: 0 0 40%;
       margin-right: 30px;
       padding: 0 0 0 20px;
     }
@@ -168,8 +168,8 @@
   }
 
   &__item-button {
+    align-self: center;
     flex: 0 0 50%;
-      align-self: center;
 
     @include break(medium){
       flex: 0 0 40%;