(fix) UI feedback.

src/assets/stylesheets/application/_info.scss

@@ -34,7 +34,7 @@ $padding-left-items: 25px;
     min-height: 32px;
     padding-left: 30px;
     text-align: left;
-    word-break: break-all;
+    word-break: break-word;
 
     &:last-child {
       margin-bottom: 0;

src/assets/stylesheets/application/_layout.scss

@@ -9,9 +9,9 @@
       content: '';
       display: none;
       left: 0;
-      position: absolute;
+      position: fixed;
       right: 0;
-      top: 0;
+      top: $header-mobile-menu-container-height + $header-height_mobile;
       z-index: 1234;
       @media screen and (max-width: $mobile-width) {
         display: block;
@@ -38,9 +38,7 @@
 
 .content {
   @media screen and (max-width: $mobile-width) {
-
     padding-top: $header-height_mobile + $search-container-height;
-
   }
   &.content-menu-open {
     padding-top: $header-mobile-menu-container-height + $header-height_mobile;

src/assets/stylesheets/application/_search.scss

@@ -18,7 +18,7 @@
 
 }
 
-.search-input {
+input.search-input {
   background-color: transparent;
   background-image: url('#{ $base-images-path }/icons/icon-search.svg');
   background-position: 0 50%;
@@ -27,7 +27,6 @@
   border-radius: 0;
   border: none;
   box-sizing: border-box;
-  color: #fff;
   display: block;
   font-size: 14px;
   font-weight: 400;
@@ -35,10 +34,14 @@
   outline: none;
   padding-left: 30px;
   width: 100%;
-
+  &,
+  &:focus
+  &:hover,
+  &:active {
+    color: #fff;
+  }
   .sokol & {
     background-image: url('#{ $base-images-path }/icons/icon-search-sokol.svg');
   }
-
   @include placeholder-full($color: rgba(255, 255, 255, 0.5));
 }

src/assets/stylesheets/application/ballots/_about.scss

@@ -18,6 +18,9 @@
       display: table-row;
       width: 100% !important;
     }
+    & .ballots-about-td-value {
+      padding-right: $cell-right-padding;
+    }
     &_name {
       width: 12%;
     }
@@ -32,8 +35,7 @@
       width: 30%;
     }
     &_key {
-      padding-right: $cell-right-padding;
-      width: calc(26% - #{ $cell-right-padding });
+      width: 26%;
       word-break: break-all;
     }
     &_key_wide {
@@ -41,11 +43,11 @@
       word-break: break-all;
     }
     &_proposed-min-threshold {
-      width: 70%;
+      width: 30%;
       word-break: break-all;
     }
     &_contract-type {
-      width: 40%;
+      width: 25%;
       word-break: break-all;
     }
     &_proposed-address {
@@ -84,6 +86,7 @@
         padding-left: 0;
         padding-right: 0;
       }
+
     }
     @media screen and (max-width: $tablet-width) {
       display: table-cell;