From 8d57da75cc72ab8b7b52109b238eeff0ae78b62c Mon Sep 17 00:00:00 2001
From: Luke Else <mail@luke-else.co.uk>
Date: Thu, 18 Sep 2025 20:10:36 +0100
Subject: [PATCH] fix: Simplified Section component

---
 package.json                      |  2 +-
 src/lib/components/Section.svelte | 14 ++------------
 2 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index ea1eae0..7cca8e5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@luke-else/component-lib",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "",
   "scripts": {
     "package": "svelte-package && pnpm run build:css",
diff --git a/src/lib/components/Section.svelte b/src/lib/components/Section.svelte
index 698b554..54192b8 100644
--- a/src/lib/components/Section.svelte
+++ b/src/lib/components/Section.svelte
@@ -2,21 +2,11 @@
     export let label: string = '';
 </script>
 
-<div id={label} class="relative flex flex-row w-full min-h-[300px] mt-5 mb-25">
-    <!-- Sticky/Sliding Label -->
-    <div class="hidden md:flex flex-col items-center mr-6">
-        <div class="sticky top-24 left-0 z-10">
-            <span id="sideway-label"
-                class="text-2xl font-bold text-blue-400 tracking-widest vertical-text"
-            >
-                {label}
-            </span>
-        </div>
-    </div>
+<div id={label} class="relative flex flex-row w-full mt-5 mb-25">
     <!-- Main Content -->
     <div class="flex-1 flex flex-col">
         <!-- Label for mobile -->
-        <div class="md:hidden mb-2">
+        <div class="mb-2">
             <span class="text-2xl font-bold text-blue-400">{label}</span>
         </div>
         <hr class="border-blue-400 mb-6" />