From ed263d0c2ad754c03437e87b53a840bca8ae1f8e Mon Sep 17 00:00:00 2001
From: purple <hello@prpl.wtf>
Date: Fri, 29 Sep 2023 21:59:09 +0200
Subject: [PATCH] Improve extension page buttons.

---
 .../data/internal/build/extensions/button.blade.php  |  2 +-
 .../assets/extensions/blueprint/blueprint.style.css  | 11 ++++++++++-
 resources/views/admin/extensions.blade.php           | 12 +++++++-----
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/blueprint/data/internal/build/extensions/button.blade.php b/blueprint/data/internal/build/extensions/button.blade.php
index 382e3ad..8986b63 100644
--- a/blueprint/data/internal/build/extensions/button.blade.php
+++ b/blueprint/data/internal/build/extensions/button.blade.php
@@ -1 +1 @@
-<div class="col-xs-6 col-sm-3 text-center"><a href="{{ route('admin.extensions.␀id␀.index') }}"><button class="btn btn-gray" style="width:100%;margin-bottom:17px;"><img src="/assets/extensions/␀id␀/icon.jpg" alt="logo" class="img-btn"> ␀name␀ <small>␀version␀</small></button></a></div>
\ No newline at end of file
+<div class="col-xs-6 col-sm-6 text-center"><a href="{{ route('admin.extensions.␀id␀.index') }}"><button class="btn extension-btn" style="width:100%;margin-bottom:17px;"><img src="/assets/extensions/␀id␀/icon.jpg" alt="logo" class="extension-btn-image"><p class="extension-btn-text">␀name␀</p><p class="extension-btn-version">␀version␀</p></button></a></div>
\ No newline at end of file
diff --git a/public/assets/extensions/blueprint/blueprint.style.css b/public/assets/extensions/blueprint/blueprint.style.css
index 7698fb4..df54f83 100644
--- a/public/assets/extensions/blueprint/blueprint.style.css
+++ b/public/assets/extensions/blueprint/blueprint.style.css
@@ -1,5 +1,5 @@
 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
-@import url("/assets/extensions/blueprint/misc/cacheOverlay-1.css");
+@import url("/assets/extensions/blueprint/misc/cacheOverlay-12002.css");
 
 @keyframes notification {
   0%   { right:-300px; top:62px; opacity:0; background-color: #2a3743; }
@@ -24,6 +24,7 @@
   animation-duration: 10s;
 }
 
+
 tag {
   display:inline-block;
   padding:3px;
@@ -39,6 +40,7 @@ tag[green] {background-color:#32fb62;}
 tag[blue] {background-color:#288afb;}
 [ext-title]{display:flex; flex-direction:row; align-items:center;}
 
+
 .btn-gray {background-color:#33404d;color:#cad1d8;border-color:#606d7b;}
 .btn-gray:hover {background-color:#29343e;color:#cad1d8;border-color:#606d7b;}
 
@@ -52,3 +54,10 @@ tag[blue] {background-color:#288afb;}
   border-radius:3px;
   margin-right:2px;
 }
+
+
+.extension-btn-image {width:65px;height:auto;border-radius:3px;margin-right:2px;float: left;padding-right:8px;}
+.extension-btn-text {font-size: 20px;margin:0;text-align:left;}
+.extension-btn-version {font-size: 11px; text-align:left;margin:0;}
+.extension-btn {background-color:#1f2933;color:#cad1d8;border-color:#00000000;height:calc(65px + 14px);padding-top:7px;padding-bottom:7px;overflow:hidden;vertical-align:center;}
+.extension-btn:hover {background-color:#192129;color:#cad1d8;border-color:#00000000;}
\ No newline at end of file
diff --git a/resources/views/admin/extensions.blade.php b/resources/views/admin/extensions.blade.php
index fd4e30c..eb7bc0c 100644
--- a/resources/views/admin/extensions.blade.php
+++ b/resources/views/admin/extensions.blade.php
@@ -15,12 +15,14 @@
 @section('content')
   @if(($bp->isInstalled() != "NOTINSTALLED") && ($bp->version() != "&bp.version"."&"))
 
-    <div class="col-xs-6 col-sm-3 text-center">
+    <div class="col-xs-6 col-sm-6 text-center">
       <a href="{{ route('admin.extensions.blueprint.index') }}">
-        <button class="btn btn-gray" style="width:100%;margin-bottom:17px;">
-        <img src="/assets/extensions/blueprint/logo.jpg" alt="logo" class="img-btn"> Blueprint <small>{{ $bp->version() }}</small>
-      </button>
-    </a>
+        <button class="btn extension-btn" style="width:100%;margin-bottom:17px;">
+          <img src="/assets/extensions/blueprint/logo.jpg" alt="logo" class="extension-btn-image">
+          <p class="extension-btn-text">Blueprint</p>
+          <p class="extension-btn-version">{{ $bp->version() }}</p>
+        </button>
+      </a>
     </div>
 
     <!--␀replace␀-->