feat /admin/extensions: make extensions page better

Author: prplwtf

blueprint/extensions/blueprint/assets/blueprint.style.css

@@ -40,25 +40,25 @@ tag[blue] {background-color:#288afb;}
 [ext-title]{display:flex; flex-direction:row; align-items:center;}
 
 
-.btn-gray {
-  background-color:#33404d;
-  color:#cad1d8 !important;
-  border-color:#606d7b;
-}
-.btn-gray:hover {
-  background-color:#29343e;
-  color:#cad1d8 !important;
-  border-color:#606d7b;
-}
-.btn-gray-alt {
-  background-color:#4d5b69;
-  color:#cad1d8 !important;
-  border-color:#4d5b69;
-}
-.btn-gray-alt:hover {
-  background-color:#3f4d5a;
-  color:#cad1d8 !important;
-  border-color:#4d5b69;
+.btn-gray {
+  background-color:#33404d;
+  color:#cad1d8 !important;
+  border-color:#606d7b;
+}
+.btn-gray:hover {
+  background-color:#29343e;
+  color:#cad1d8 !important;
+  border-color:#606d7b;
+}
+.btn-gray-alt {
+  background-color:#4d5b69;
+  color:#cad1d8 !important;
+  border-color:#4d5b69;
+}
+.btn-gray-alt:hover {
+  background-color:#3f4d5a;
+  color:#cad1d8 !important;
+  border-color:#4d5b69;
 }
 .btn {transition: background-color .3s;}
 
@@ -74,9 +74,9 @@ tag[blue] {background-color:#288afb;}
 .extension-btn-image2 {
   position: absolute;
   height: 53%;
-  left: 28px;
+  left: 14px;
   z-index: 4;
-  top: 13px;
+  top: 14px;
   border-radius: 9px;
 }
 .extension-btn-image {
@@ -170,9 +170,9 @@ tag[blue] {background-color:#288afb;}
   margin-left: -7px;
   border-width: 7px;
   border-style: solid;
-  border-color: 
-    transparent
-    transparent
-    #1f2933
+  border-color: 
+    transparent
+    transparent
+    #1f2933
     transparent;
 }

resources/views/admin/extensions.blade.php

@@ -5,7 +5,12 @@
 @endsection
 
 @section('content-header')
-  <h1>Extensions<small>Manage and configure all of your installed extensions.</small></h1>
+  <h1>
+    Extensions
+    <small>
+      Manage and configure all of your installed extensions.
+    </small>
+  </h1>
   <ol class="breadcrumb">
     <li><a href="{{ route('admin.index') }}">Admin</a></li>
     <li class="active">Extensions</li>
@@ -15,7 +20,7 @@
 @section('content')
   @if(($PlaceholderService->installed() != "NOTINSTALLED") && ($PlaceholderService->version() != "::"."v"))
 
-    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 text-center">
+    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-left: 0px; padding-right: 20px;">
       <a href="{{ route('admin.extensions.blueprint.index') }}">
         <button class="btn extension-btn" style="width:100%;margin-bottom:17px;">
           <div class="extension-btn-overlay"></div>
@@ -29,7 +34,7 @@
             </span>
             {{ $PlaceholderService->version() }}
           </p>
-          <i class="bi bi-arrow-right-short" style="font-size: 34px;position: absolute;top: 15px;right: 30px;"></i>
+          <i class="bi bi-arrow-right-short" style="font-size: 34px;position: absolute;top: 15px;right: 35px;"></i>
         </button>
       </a>
     </div>

resources/views/blueprint/admin/entry.blade.php

@@ -1,13 +1,13 @@
 @if(isset($EXTENSION_ID))
-  <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 text-center">
+  <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-left: 0px; padding-right: 20px;">
     <a href="{{ route('admin.extensions.'.$EXTENSION_ID.'.index') }}">
       <button class="btn extension-btn" style="width:100%;margin-bottom:17px;">
         <div class="extension-btn-overlay"></div>
         <img src="{{ $EXTENSION_ICON }}" alt="{{ $EXTENSION_ID }}" class="extension-btn-image2"/>
         <img src="{{ $EXTENSION_ICON }}" alt="" class="extension-btn-image"/>
         <p class="extension-btn-text">{{ $EXTENSION_NAME }}</p>
         <p class="extension-btn-version">{{ $EXTENSION_VERSION }}</p>
-        <i class="bi bi-arrow-right-short" style="font-size: 34px;position: absolute;top: 15px;right: 30px;"></i>
+        <i class="bi bi-arrow-right-short" style="font-size: 34px;position: absolute;top: 15px;right: 35px;"></i>
       </button>
     </a>
   </div>