Fix poll layout

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;

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;
   }
 }