From 182cafe13a3b832e979e1bbec68fdcae87b9853b Mon Sep 17 00:00:00 2001
From: Nischay <hegdenischay@gmail.com>
Date: Sun, 12 May 2024 10:13:06 +0530
Subject: [PATCH] Fix CSS in the tab-container div

---
 web/packs/index.json | 3 ++-
 web/src/index.js     | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/packs/index.json b/web/packs/index.json
index dfd0d6b..68b150c 100644
--- a/web/packs/index.json
+++ b/web/packs/index.json
@@ -11,5 +11,6 @@
       "scalar-smilies.json",
       "scalar-stickman.json"
   ],
-  "homeserver_url": "https://matrix.intothematrix.in"
+  "homeserver_url": "https://matrix.intothematrix.in",
+  "giphy_api_key": "Gc7131jiJuvI7IdN0HZ1D7nh0ow5BU6g"
 }
diff --git a/web/src/index.js b/web/src/index.js
index 2b594a5..97823a9 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -385,7 +385,7 @@ class App extends Component {
     }
 
     return html`<main class="has-content ${theme}">
-        <div class="tab-container">
+        <div class="tab-container" style="display: flex;">
         <a href="#stickers" class="tab" onClick=${() => this.setState({ activeTab: "stickers" })}>Stickers</a>
         <a href="#gifs" class="tab" onClick=${() => this.setState({ activeTab: "gifs" })}>GIFs</a>
         </div>