From 6f5943073f8531faa36e318d362c195f45cac4bc Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Wed, 4 Aug 2021 20:23:01 +0100
Subject: [PATCH] :bug: Re: #115 - Fixes width in config container for long
 languages

---
 .../Configuration/ConfigContainer.vue         | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/Configuration/ConfigContainer.vue b/src/components/Configuration/ConfigContainer.vue
index ae9e4ff1..0454aa78 100644
--- a/src/components/Configuration/ConfigContainer.vue
+++ b/src/components/Configuration/ConfigContainer.vue
@@ -217,7 +217,8 @@ a.config-button, button.config-button {
   text-decoration: none;
   cursor: pointer;
   margin: 0.5rem auto;
-  width: 18rem;
+  min-width: 18rem;
+  width: 100%;
   svg.button-icon {
     path {
       fill: var(--config-settings-color);
@@ -236,6 +237,13 @@ a.config-button, button.config-button {
   }
 }
 
+a.hyperlink-wrapper {
+  margin: 0 auto;
+  text-decoration: none;
+  min-width: 18rem;
+  width: 100%;
+}
+
 p.app-version, p.language {
   margin: 0.5rem auto;
   font-size: 1rem;
@@ -296,17 +304,14 @@ div.code-container {
   }
 }
 
-a.hyperlink-wrapper {
-  margin: 0 auto;
-  text-decoration: none;
-}
-
 .main-options-container {
   display: flex;
   flex-direction: column;
-  padding-top: 2rem;
   background: var(--config-settings-background);
   height: calc(100% - 2rem);
+  width: fit-content;
+  margin: 0 auto;
+  padding: 2rem 0.5rem;
   h2 {
     margin: 0 auto 1rem auto;
     color: var(--config-settings-color);