Merge pull request #16 from GetDKAN/develop

Button style fixes
GetDKAN · Aug 8, 2024 · 9c3c438 · 9c3c438
2 parents 41d9d84 + b87c04a
commit 9c3c438
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -206,6 +206,7 @@ header .logo {
   max-width: 30%;
 }
 
+/* Button */
 .header-buttons {
   position: relative;
   z-index: 1;
@@ -217,9 +218,9 @@ header .logo {
 .header-buttons a,
 .header-buttons button {
   margin: 0.5em; /* Adjust spacing as needed */
+  width: 150px;
 }
 
-/* Button */
 .transparent-button {
   background-color: transparent;
   border: 2px solid var(--color-light-yellow);
@@ -232,6 +233,8 @@ header .logo {
   cursor: pointer;
   border-radius: 2em;
   transition: background-color 0.3s, color 0.3s;
+  width: 150px;
+  box-sizing: border-box;
 }
 
 .transparent-button:hover {
@@ -245,6 +248,10 @@ header .logo {
     max-width: 50%;
   }
 
+  .header h2 {
+
+  }
+
   .header-buttons {
     flex-direction: column;
     align-items: center; /* Center align the buttons */
@@ -430,6 +437,7 @@ header .logo {
   flex-direction: column;
   max-width: 600px;
   margin: 0 auto;
+
 }
 
 .contact form label {

diff --git a/index.html b/index.html
@@ -141,7 +141,7 @@ <h3>Contact Us</h3>
 
           <label for="message">How can we help you?</label>
           <textarea id="message" name="message" required></textarea>
-          <button class="transparent-button">Submit</button>
+          <button>Submit</button>
       </form>
   </section>
 </div>