Revize 1774c06d

done

website/public/css/style.scss

@@ -836 +836 @@
     border-radius: 15px;
     cursor: pointer;
     background: rgba(11, 21, 90, .7);
-
+    //box-shadow: 0 0 0 2px rgba(11, 21, 90, .7);
+    //border: 1px solid transparent;
     @media (max-width: 390px) {
       margin-right: 0;
     }
@@ -844 +845 @@
     span {
       padding: 3px 6px 4px 12px;
     }
+    &.lock {
+      background: rgba(11, 21, 90, 1);
+      //border-color: $primary-text-color;
+      //box-shadow: 0 0 0 2px $secondary-bg-color;
+      .lock-date {
+        border: 0px;
+        box-shadow: none;
+        &:after {
+          background-position: 0 0;
+        }
 
+        &:hover:after {
+          background-position: -8px 0;
+        }
+      }
+    }
     .lock-date {
       width: 26px;
       height: 26px;
       margin-right: 2px;
       opacity: 1;
       border: 1px solid $primary-text-color;
-      box-shadow: 0 0 0 2px $secondary-bg-color;
-
+      /* box-shadow: 0 0 0 2px $secondary-bg-color; */
+      &:after{
+        background-position: -8px 0;
+      }
       &:hover {
-        box-shadow: 0 0 0 2px rgba(11, 21, 90, .2);
+        /* box-shadow: 0 0 0 2px rgba(11, 21, 90, .2); */
         background: rgba(11, 21, 90, .2);
 
         &:after {
-          background-position: -8px 0;
+          background-position: 0 0;
         }
       }
 
@@ -867 +885 @@
         display: inline-block;
         width: 8px;
         height: 11px;
-        background: url($images-dir + 'btn-lock.svg') no-repeat 0 0;
+        background: url($images-dir + 'btn-lock.svg') no-repeat -8px 0;
         background-size: cover;
       }
-
-      &.unlock {
-        &:after {
-          background-position: -8px 0;
-        }
-
-        &:hover:after {
-          background-position: 0 0;
-        }
-      }
     }
   }