From 917ad4f609ae41528f0144a719aaab39f36f5d1a Mon Sep 17 00:00:00 2001
From: AzazelSensei <89297042+AzazelSensei@users.noreply.github.com>
Date: Tue, 11 Aug 2026 19:49:38 +0000
Subject: [PATCH] fix(border-image-generator): put border-image-source last in
 CSS output

Reorder the CSS Code properties so short values appear first and the
lengthy border-image-source data URL is last, matching issue #93.
---
 tools/border-image-generator/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/tools/border-image-generator/index.html b/tools/border-image-generator/index.html
index b682c79..0ab0e5d 100644
--- a/tools/border-image-generator/index.html
+++ b/tools/border-image-generator/index.html
@@ -151,6 +151,10 @@
           <div class="title">
             CSS Code <button type="button" id="copy-css">Click to Copy</button>
           </div>
+          <div class="css-property">
+            <span class="name">border-style: </span>
+            <span id="out-border-style" class="value">solid;</span>
+          </div>
           <div class="css-property">
             <span class="name">border-image-slice: </span>
             <span id="out-border-slice" class="value"> =</span>
@@ -171,10 +175,6 @@
             <span class="name">border-image-source: </span>
             <span id="out-border-source" class="value"></span>
           </div>
-          <div class="css-property">
-            <span class="name">border-style: </span>
-            <span id="out-border-style" class="value">solid;</span>
-          </div>
         </div>
       </div>
     </div>