From 16666eb480cb27b0ccbc54a83664597441d173ae Mon Sep 17 00:00:00 2001
From: Eduard Kuzmenko <thanwords24@gmail.com>
Date: Sat, 23 Jan 2021 01:08:11 +0200
Subject: [PATCH] Fix poll layout

---
 src/scss/partials/_chatBubble.scss | 13 +++++++++----
 src/scss/partials/_ckin.scss       | 22 +++++++++++-----------
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/scss/partials/_chatBubble.scss b/src/scss/partials/_chatBubble.scss
index b5674f24..4000ad0a 100644
--- a/src/scss/partials/_chatBubble.scss
+++ b/src/scss/partials/_chatBubble.scss
@@ -926,6 +926,10 @@ $bubble-margin: .25rem;
     }
   }
 
+  .message.poll-message {
+    max-width: 400px;
+  }
+
   .message.document-message {
     max-width: 325px !important;
 
@@ -1929,7 +1933,7 @@ $bubble-margin: .25rem;
         }
       }
 
-      &-footer-button {
+      &-footer-button, &-hint {
         color: #4fae4e;
       }
     }
@@ -2159,13 +2163,14 @@ poll-element {
         height: 16px;
         width: 16px;
         font-weight: bold;
-        font-size: 14px;
-        line-height: 1.4;
+        font-size: .75rem;
         opacity: 0;
         animation: fade-in-opacity .1s ease forwards;
         animation-direction: reverse;
         animation-delay: .24s;
-        text-align: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
 
         &:before {
           content: $tgico-check;
diff --git a/src/scss/partials/_ckin.scss b/src/scss/partials/_ckin.scss
index 114f959d..3181e0b8 100644
--- a/src/scss/partials/_ckin.scss
+++ b/src/scss/partials/_ckin.scss
@@ -428,26 +428,26 @@ video[data-ckin="circle"] {
   .circle-time-left {
     color: #fff;
     position: absolute;
-    top: 3px;
-    left: 2px;
+    top: .1875rem;
+    left: .1875rem;
     border-radius: 12px;
     background-color: rgba(0, 0, 0, .23);
-    padding: 1px 7px 2px 7px;
-    height: 18px;
+    padding: 1px 6px 2px 7px;
+    height: 1.125rem;
     z-index: 2;
     display: flex;
     align-items: center;
-  
-    .circle-time {
-      font-size: .75rem;
-      //margin-top: 1px;
-    }
+  }
+
+  .circle-time {
+    font-size: .75rem;
+    //margin-top: 1px;
   }
 
   .iconVolume {
-    padding: 0 1px 0 .25rem;
+    padding-left: .25rem;
     display: flex;
     align-items: center;
-    font-size: 1rem;
+    font-size: 1.125rem;
   }
 }