From 6f96633b8331775e9c48bd7e30f041a94f7c1ffc Mon Sep 17 00:00:00 2001
From: Tycho Bellers <tycho.bellers999@gmail.com>
Date: Wed, 4 Oct 2023 16:00:38 -0700
Subject: [PATCH] update website

---
 .idea/dataSources.local.xml         | 2 +-
 .idea/misc.xml                      | 3 +++
 website/src/components/Footer.vue   | 2 +-
 website/src/components/Header.vue   | 8 +++++++-
 website/src/components/Settings.vue | 4 +---
 5 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/.idea/dataSources.local.xml b/.idea/dataSources.local.xml
index 611badf..8375d77 100644
--- a/.idea/dataSources.local.xml
+++ b/.idea/dataSources.local.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="dataSourceStorageLocal" created-in="PY-232.9559.58">
+  <component name="dataSourceStorageLocal" created-in="PY-232.9921.89">
     <data-source name="database" uuid="9c2e63b8-15f7-45bc-bb54-7ee48304a0c3">
       <database-info product="SQLite" version="3.43.0" jdbc-version="4.2" driver-name="SQLite JDBC" driver-version="3.43.0.0" dbms="SQLITE" exact-version="3.43.0" exact-driver-version="3.43">
         <identifier-quote-string>&quot;</identifier-quote-string>
diff --git a/.idea/misc.xml b/.idea/misc.xml
index affabae..1fa5492 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,4 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="Black">
+    <option name="sdkName" value="Python 3.10 (Discord-Dictionary-Bot)" />
+  </component>
   <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.10 (Discord-Dictionary-Bot)" project-jdk-type="Python SDK" />
 </project>
\ No newline at end of file
diff --git a/website/src/components/Footer.vue b/website/src/components/Footer.vue
index 630f763..928ceab 100644
--- a/website/src/components/Footer.vue
+++ b/website/src/components/Footer.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="background-color: #1B1C1F">
 
-		<div ref="container" style="display: flex; justify-content: space-between; align-items: end; max-width: 1280px; margin: auto; padding: 0.8rem;" class="desktop">
+		<div ref="container" style="display: flex; justify-content: space-between; max-width: 1280px; margin: auto; padding: 0.8rem;" class="desktop">
 
 			<div style="display: inline-block; margin-right: 2rem;">
 				<p>
diff --git a/website/src/components/Header.vue b/website/src/components/Header.vue
index f7bf080..c98fadb 100644
--- a/website/src/components/Header.vue
+++ b/website/src/components/Header.vue
@@ -38,6 +38,12 @@
 </template>
 
 <script>
+
+function getActualElementWidth(element) {
+  const style = window.getComputedStyle(element);
+  return element.offsetWidth + parseFloat(style.getPropertyValue("margin-right")) + parseFloat(style.getPropertyValue("margin-left"));
+}
+
 export default {
 	name: 'Header',
 	mounted() {
@@ -60,7 +66,7 @@ export default {
 		updateWidth() {
 			let totalChildWidth = 0;
 			for (const child of this.$refs.container.children) {
-				totalChildWidth += child.clientWidth;
+				totalChildWidth += getActualElementWidth(child);
 			}
 			this.menu_visible = totalChildWidth >= this.$el.clientWidth
 		},
diff --git a/website/src/components/Settings.vue b/website/src/components/Settings.vue
index ae20367..ec3ec55 100644
--- a/website/src/components/Settings.vue
+++ b/website/src/components/Settings.vue
@@ -6,9 +6,7 @@
 		Settings can be changed for the whole server (guild) or for individual channels. Channel settings take priority over server settings.
 	</p>
 
-	<h1>
-		Settings
-	</h1>
+  <hr>
 
 	<div v-for="(setting, index) in settings" v-bind:key="setting">
 		<code>{{ setting.name }}</code> - {{ setting.description }}