Updated button editor styling

Author: JulianPrieber

assets/button-editor/css/style.css

@@ -376,7 +376,7 @@ margin-left:270px;
 	padding-bottom: 15px;
 }
 
-.menuslide a span.icon
+.menuslide a span.icon-btn
 {
 
 	display: block;
@@ -386,7 +386,7 @@ margin-left:270px;
 	margin-top: 15px;
 }
 
-.menuslide a.grid_3 span.icon
+.menuslide a.grid_3 span.icon-btn
 {
 	margin-left: 80px;
 	margin-top: 30px;
@@ -511,7 +511,7 @@ button-demo {
 .button-demo.button-primary:focus {
   color: #FFF;
   filter: brightness(90%) }
-.icon {
+.icon-btn {
   padding: 0px 8px 3.5px 0px;
   vertical-align: middle;
   width: 20px;

resources/views/studio/button-editor.blade.php

@@ -149,7 +149,7 @@
 
                   <section id="preview">
                   @if($buttonId == 1)
-                  <center><div id="sample" style="border-radius: 8px !important; max-width: 350px; height: 48px; display: flex; align-items: center; justify-content: center;font-size: 18px;" class="button-demo button"><img class="icon hvr-icon" src="{{ asset('\/assets/linkstack/icons\/') . 'custom' }}.svg">{{ $title }}</div></center>
+                  <center><div id="sample" style="border-radius: 8px !important; max-width: 350px; height: 48px; display: flex; align-items: center; justify-content: center;font-size: 18px;" class="button-demo button"><img class="icon-btn hvr-icon" src="{{ asset('\/assets/linkstack/icons\/') . 'custom' }}.svg">{{ $title }}</div></center>
                   @else
                   <center><div id="sample" style="border-radius: 8px !important; max-width: 350px; height: 48px; display: flex; align-items: center; justify-content: center;font-size: 18px;" class="button-demo button"><img class="wicon hvr-icon" src="@if(file_exists(base_path("assets/favicon/icons/").localIcon($id))){{url('assets/favicon/icons/'.localIcon($id))}}@else{{getFavIcon($id)}}@endif">{{ $title }}</div></center>
                   @endif
@@ -188,13 +188,13 @@
                     <div style="position: relative; top: 50%; transform: translateY(-50%);">
                       <h2 align="center" style="color:white">Result:</h2>
                         @if($custom_css === "" or $custom_css === "NULL" and $buttonId == 1)
-                          <center><div style="--delay: 1s" class="button-entrance"><div class="button-demo button-custom button hvr-grow hvr-icon-wobble-vertical"><img class="icon hvr-icon fa {{$custom_icon}}">{{ $title }}</div></div></center>
+                          <center><div style="--delay: 1s" class="button-entrance"><div class="button-demo button-custom button hvr-grow hvr-icon-wobble-vertical"><img class="icon-btn hvr-icon fa {{$custom_icon}}">{{ $title }}</div></div></center>
                           @elseif($custom_css === "" or $custom_css === "NULL" and $buttonId == 2)
                           <center><div style="--delay: 1s" class="button-entrance"><div class="button-custom_website button hvr-grow hvr-icon-wobble-vertical"><img class="wicon hvr-icon" src="@if(file_exists(base_path("assets/favicon/icons/").localIcon($id))){{url('assets/favicon/icons/'.localIcon($id))}}@else{{getFavIcon($id)}}@endif">{{ $title }}</div></div></center>
                           @elseif($custom_css != "" and $buttonId == 2)
                           <center><div style="--delay: 1s" class="button-entrance"><div style="{{ $custom_css }}" class="button-custom_website button hvr-grow hvr-icon-wobble-vertical"><img class="wicon hvr-icon" src="@if(file_exists(base_path("assets/favicon/icons/").localIcon($id))){{url('assets/favicon/icons/'.localIcon($id))}}@else{{getFavIcon($id)}}@endif">{{ $title }}</div></div></center>
                           @else
-                          <center><div style="--delay: 1s" class="button-entrance"><div style="{{ $custom_css }}" class="button-demo hvr-grow hvr-icon-wobble-vertical"><i style="color: {{$custom_icon}}" class="icon hvr-icon fa {{$custom_icon}}"></i>{{ $title }}</div></div></center>
+                          <center><div style="--delay: 1s" class="button-entrance"><div style="{{ $custom_css }}" class="button-demo hvr-grow hvr-icon-wobble-vertical"><i style="color: {{$custom_icon}}" class="icon-btn hvr-icon fa {{$custom_icon}}"></i>{{ $title }}</div></div></center>
                         @endif
                         </div>
                   </div>