more editable fields, created CheckboxEditable

src/assets/main.scss

@@ -1042,24 +1042,17 @@ body{
   }
 }
 
-button.edit-btn,
-button.save-btn{
-  background-color: #444;
-  color: #fff;
-  border: none;
-  border-radius: 6px;
-  $size: 25px;
-  width: $size; height:$size;
+.editable{
+  background: #eee;
+  border: #eee 2px solid;
+  border-radius: 5px;
+  padding: 0.3em!important;
+  margin-bottom: 1em;
+  font-size: 0.756em;
+  &>*{ 
+    display: inline-block!important;
+    padding: 0!important;
+    cursor: pointer;
+  }
   
-  display: inline;
-
-  >svg{
-    width:100%;
-    height:100%;
-  }
-  transition: all 0.2s ease-in-out;
-  &:hover{
-    cursor:pointer;
-    opacity: 0.7;
-  }
-}
+}