✨ Add new text and grid advanced opt css

frontend/resources/styles/main/partials/colorpicker.scss

@@ -480,6 +480,7 @@
 .color-data {
   align-items: center;
   display: flex;
+  margin-bottom: $small;
   position: relative;
 
   .color-name {

frontend/resources/styles/main/partials/sidebar-element-options.scss

@@ -733,6 +733,16 @@
 
 .grid-option {
   margin-bottom: 0.5rem;
+  .advanced-options {
+    .row-flex {
+      justify-content: flex-end;
+    }
+    .custom-button {
+      left: 0;
+      position: absolute;
+      top: 12px;
+    }
+  }
 }
 
 .element-set-content .custom-select.input-option {
@@ -822,7 +832,7 @@
   border: 1px solid $color-gray-60;
   background-color: $color-gray-50;
   border-radius: 4px;
-  padding: 8px 3px;
+  padding: 8px;
   position: relative;
   top: 2px;
   width: 100%;
@@ -936,6 +946,10 @@
     &:hover svg {
         fill: $color-primary;
     }
+    &.actions-inside {
+      position: absolute;
+      right: 0;
+    }
 }
 
 .element-set-label {
@@ -1062,17 +1076,16 @@
     .go-to-lib-button {
         transition: border 0.3s, color 0.3s;
         text-align: center;
-        background: $color-gray-60;
+        background: $color-gray-50;
         padding: 0.5rem;
         border-radius: 2px;
         cursor: pointer;
         font-size: 14px;
         margin-top: 1rem;
-        border: 1px solid $color-gray-60;
 
         &:hover {
-            border: 1px solid $color-primary;
-            color: $color-primary;
+            background: $color-primary;
+            color: $color-black;
         }
     }
 }

frontend/src/app/main/ui/workspace/sidebar/options/menus/frame_grid.cljs

@@ -150,6 +150,8 @@
 
      [:& advanced-options {:visible? (:show-advanced-options @state)
                            :on-close toggle-advanced-options}
+      [:button.custom-button {:class (when (:show-advanced-options @state) "is-active")
+                              :on-click toggle-advanced-options} i/actions]
       (when (= :square type)
         [:& input-row {:label (t locale "workspace.options.grid.params.size")
                        :class "pixels"

frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs

@@ -502,8 +502,8 @@
           [:span.label (tr "workspace.assets.typography.font-id")]
           [:span (:font-id typography)]]
 
-         [:div.element-set-actions-button
-          {:on-click #(reset! open? true)}
+         [:div.element-set-actions-button.actions-inside
+          {:on-click #(reset! open? false)}
           i/actions]
 
          [:div.row-flex