Better h2 title

src/webui/site-info/index.html

@@ -45,7 +45,7 @@
     <form id="site-info-form">
       <!-- Info Section -->
       <fieldset>
-        <legend>Info</legend>
+        <h2>Info</h2>
         <div class="fields">
           <div class="input-field">
             <label>Title</label>
@@ -75,7 +75,7 @@
       </fieldset>
       <!-- Social Section -->
       <fieldset>
-        <legend>Social</legend>
+        <h2>Social</h2>
         <div class="fields">
           <div class="input-field">
             <label>Instagram URL</label>
@@ -92,7 +92,7 @@
       </fieldset>
       <!-- Menu Section -->
       <fieldset>
-        <legend>Menu</legend>
+        <h2>Menu</h2>
         <div class="fields">
           <div class="input-field" style="flex: 1 1 100%;">
             <div id="menu-items-list"></div>
@@ -102,7 +102,7 @@
       </fieldset>
       <!-- Footer Section -->
       <fieldset>
-        <legend>Footer</legend>
+        <h2>Footer</h2>
         <div class="fields">
           <div class="input-field">
             <label>Copyright</label>
@@ -116,7 +116,7 @@
       </fieldset>
       <!-- Legals Section -->
       <fieldset>
-        <legend>Legals</legend>
+        <h2>Legals</h2>
         <div class="fields">
           <div class="input-field">
             <label>Hoster Name</label>
@@ -139,7 +139,7 @@
       </fieldset>
       <!-- Build Section -->
       <fieldset>
-        <legend>Build</legend>
+        <h2>Build</h2>
         <div class="fields">
           <div class="input-field">
             <label>Theme</label>

src/webui/style/style.css

@@ -17,6 +17,9 @@ body {
 h1, h2 {
   color: #FBFBFB;
 }
+h2 {
+  color: #55c3ec;
+}
 
 /* --- Toolbar --- */
 .toolbar {
@@ -488,26 +491,13 @@ h1, h2 {
   padding: 0 40px 40px 40px;
 }
 
-
-#site-info-form fieldset {
-  border: none;
-  margin-bottom: 28px;
-  padding: 0;
-  background: rgba(0, 41, 48, 0.45);
-  border-radius: 18px;
-  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25);
-  padding: 32px 28px;
-  margin: 32px auto;
-  backdrop-filter: blur(12px);
-}
-
 #site-info-form fieldset {
   background-color: rgb(67 67 67 / 26%);
   border-radius: 6px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   border: 1px solid #2f2e2e80;
   margin-bottom: 28px;
-  padding: 32px 28px;
+  padding: 0 28px 32px 28px;
   margin: 32px auto;
 }