From 7d7e4f1c5c3db859e8b2b8a3e19ff42325793eb3 Mon Sep 17 00:00:00 2001
From: Brian Read <brianr@bjsystems.co.uk>
Date: Tue, 5 Nov 2024 15:08:48 +0000
Subject: [PATCH] Make links into buttons with css

---
 Targets/Letsencrypt/letsencrypt.css | 33 +++++++++++++++++++++++++++++
 json5/Letsencrypt.json5             | 12 +++++------
 2 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/Targets/Letsencrypt/letsencrypt.css b/Targets/Letsencrypt/letsencrypt.css
index d58115a..778cf5e 100644
--- a/Targets/Letsencrypt/letsencrypt.css
+++ b/Targets/Letsencrypt/letsencrypt.css
@@ -45,3 +45,36 @@ tbody .tabl1 {}
 .subh {}
 .text1 {}
 .subm2 {}
+
+
+  .inline-buttons {
+    display: flex; /* Use flexbox to arrange items horizontally */
+    gap: 10px;     /* Optional: Add space between buttons */
+  }
+
+  .inline-buttons .link {
+    /* Additional styling can be added here if needed */
+  }
+  
+  
+  .inline-buttons .link {
+    display: inline-block; /* Keep links as inline-block for button shape */
+    padding: 7px 14px;     /* Adjusted padding to approximate 70% of the original */
+    margin: 0;             /* Remove margin */
+    background-color: #efefef; /* Light gray background color */
+    color: black;          /* Text color */
+    text-decoration: none; /* Remove underline */
+    border: 2px solid #bbb; /* Thin, light gray border */
+    border-radius: 3px;    /* Slightly rounded corners */
+    font-size: 11.2px;     /* Adjusted font size to approximate 70% of the original */
+    text-align: center;    /* Center the text */
+    cursor: pointer;       /* Pointer cursor on hover */  }
+
+  /* Hover and active effects for better interaction */
+  .inline-buttons .link:hover {
+    background-color: #d9d9d9; /* Darker shade on hover */
+  }
+
+  .inline-buttons .link:active {
+    background-color: #c0c0c0; /* Even darker shade on click */
+  }
\ No newline at end of file
diff --git a/json5/Letsencrypt.json5 b/json5/Letsencrypt.json5
index 4d7efe9..d1873d0 100644
--- a/json5/Letsencrypt.json5
+++ b/json5/Letsencrypt.json5
@@ -13,18 +13,18 @@
         {
             'Name': 'List',
             'route': 'LIST',
-			'ButtonLink2': {
-				'Type': 'ButtonLink',
+			'Link2': {
+				'Type': 'Link',
 				'href': 'letsencrypt?page=0&page_stack=&Next=Next&wherenext=CONFIG_PAGE',
 				'title': 'CONFIG'
 			},
-			'ButtonLink3': {
-				'Type': 'ButtonLink',
+			'Link3': {
+				'Type': 'Link',
 				'href': 'letsencrypt?page=0&page_stack=&Next=Next&wherenext=CHECK_DOMAINS_PAGE',
 				'title': 'CHECK_ALL_DOMAINS'
 			},
-			'ButtonLink4': {
-				'Type': 'ButtonLink',
+			'Link4': {
+				'Type': 'Link',
 				'href': 'letsencrypt?page=0&page_stack=&Next=Next&wherenext=CHECK_ENABLED_DOMAINS_PAGE',
 				'title': 'CHECK_ENABLED_DOMAINS'
 			},