From 96a6a773554f8a3e32157e025d267a21e01755dc Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Fri, 6 Sep 2024 16:57:27 -0500
Subject: [PATCH] Styling improvements

---
 src/components/feeds/DiscordFeed.js     | 4 ++--
 src/components/feeds/GlobalFeed.js      | 4 ++--
 src/components/feeds/NostrFeed.js       | 4 ++--
 src/components/feeds/StackerNewsFeed.js | 4 ++--
 src/components/profile/UserContent.js   | 2 +-
 src/components/profile/UserProfile.js   | 2 +-
 src/components/profile/UserSettings.js  | 2 +-
 src/pages/auth/signin.js                | 2 +-
 src/pages/course/[slug]/draft/edit.js   | 2 +-
 src/pages/create.js                     | 2 +-
 src/pages/draft/[slug]/edit.js          | 2 +-
 src/pages/feed.js                       | 4 ++--
 src/pages/profile.js                    | 2 +-
 13 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/feeds/DiscordFeed.js b/src/components/feeds/DiscordFeed.js
index 4d6fd1a..404bd18 100644
--- a/src/components/feeds/DiscordFeed.js
+++ b/src/components/feeds/DiscordFeed.js
@@ -13,7 +13,7 @@ const DiscordFeed = () => {
 
     if (isLoading) {
         return (
-            <div className="h-[100vh] min-bottom-bar:w-[87vw] max-sidebar:w-[100vw]">
+            <div className="h-[100vh] min-bottom-bar:w-[86vw] max-sidebar:w-[100vw]">
                 <ProgressSpinner className='w-full mt-24 mx-auto' />
             </div>
         );
@@ -55,7 +55,7 @@ const DiscordFeed = () => {
     );
 
     return (
-        <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[87vw]">
+        <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[86vw]">
             <div className="mx-4 mt-4">
             {data && data.length > 0 ? (
                 data.map(message => (
diff --git a/src/components/feeds/GlobalFeed.js b/src/components/feeds/GlobalFeed.js
index 340abe0..c4ac17f 100644
--- a/src/components/feeds/GlobalFeed.js
+++ b/src/components/feeds/GlobalFeed.js
@@ -80,7 +80,7 @@ const GlobalFeed = () => {
 
     if (discordLoading || stackerNewsLoading || nostrLoading) {
         return (
-            <div className="h-[100vh] min-bottom-bar:w-[87vw] max-sidebar:w-[100vw]">
+            <div className="h-[100vh] min-bottom-bar:w-[86vw] max-sidebar:w-[100vw]">
                 <ProgressSpinner className='w-full mt-24 mx-auto' />
             </div>
         );
@@ -181,7 +181,7 @@ const GlobalFeed = () => {
     );
 
     return (
-        <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[87vw]">
+        <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[86vw]">
             <div className="mx-4 mt-4">
             {combinedFeed.length > 0 ? (
                 combinedFeed.map(item => (
diff --git a/src/components/feeds/NostrFeed.js b/src/components/feeds/NostrFeed.js
index c74a804..d690e4b 100644
--- a/src/components/feeds/NostrFeed.js
+++ b/src/components/feeds/NostrFeed.js
@@ -102,7 +102,7 @@ const NostrFeed = () => {
 
     if (isLoading) {
         return (
-            <div className="h-[100vh] min-bottom-bar:w-[87vw] max-sidebar:w-[100vw]">
+            <div className="h-[100vh] min-bottom-bar:w-[86vw] max-sidebar:w-[100vw]">
                 <ProgressSpinner className='w-full mt-24 mx-auto' />
             </div>
         );
@@ -113,7 +113,7 @@ const NostrFeed = () => {
     }
 
     return (
-        <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[87vw]">
+        <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[86vw]">
             <div className="mx-4 mt-4">
                 {communityNotes.length > 0 ? (
                     communityNotes.map(message => (
diff --git a/src/components/feeds/StackerNewsFeed.js b/src/components/feeds/StackerNewsFeed.js
index e17fdbe..94bc0e7 100644
--- a/src/components/feeds/StackerNewsFeed.js
+++ b/src/components/feeds/StackerNewsFeed.js
@@ -28,7 +28,7 @@ const StackerNewsFeed = () => {
 
 	if (isLoading) {
 		return (
-			<div className="h-[100vh] min-bottom-bar:w-[87vw] max-sidebar:w-[100vw]">
+			<div className="h-[100vh] min-bottom-bar:w-[86vw] max-sidebar:w-[100vw]">
 				<ProgressSpinner className='w-full mt-24 mx-auto' />
 			</div>
 		);
@@ -72,7 +72,7 @@ const StackerNewsFeed = () => {
 	);
 
 	return (
-		<div className="bg-gray-900 h-full w-full min-bottom-bar:w-[87vw]">
+		<div className="bg-gray-900 h-full w-full min-bottom-bar:w-[86vw]">
 			<div className="mx-4 mt-4">
 					{items && items.length > 0 ? (
 						items.map(item => (
diff --git a/src/components/profile/UserContent.js b/src/components/profile/UserContent.js
index 885b71a..ff5cf8e 100644
--- a/src/components/profile/UserContent.js
+++ b/src/components/profile/UserContent.js
@@ -113,7 +113,7 @@ const UserContent = () => {
     const isError = coursesError || resourcesError || workshopsError || draftsError || contentIdsError || courseDraftsError;
 
     return (
-        <div className="w-full min-bottom-bar:w-[87vw] mx-auto">
+        <div className="w-full min-bottom-bar:w-[86vw] mx-auto">
             <div className="border-b-2 border-gray-300 mt-8">
                 <h2 className="text-center my-4">Your Content</h2>
             </div>
diff --git a/src/components/profile/UserProfile.js b/src/components/profile/UserProfile.js
index 45bdb36..be88148 100644
--- a/src/components/profile/UserProfile.js
+++ b/src/components/profile/UserProfile.js
@@ -53,7 +53,7 @@ const UserProfile = () => {
 
     return (
         user && (
-            <div className="h-full w-full min-bottom-bar:w-[87vw] max-sidebar:w-[100vw] mx-auto">
+            <div className="h-full w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] mx-auto">
                 <div className="w-full flex flex-col justify-center mx-auto">
                     <div className="relative flex w-full items-center justify-center">
                         <Image
diff --git a/src/components/profile/UserSettings.js b/src/components/profile/UserSettings.js
index 7edce70..20df92e 100644
--- a/src/components/profile/UserSettings.js
+++ b/src/components/profile/UserSettings.js
@@ -57,7 +57,7 @@ const UserSettings = () => {
 
     return (
         user && (
-            <div className="h-full w-full min-bottom-bar:w-[87vw] max-sidebar:w-[100vw] mx-auto">
+            <div className="h-full w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] mx-auto">
                 <div className="w-full flex flex-col justify-center mx-auto">
                     <div className="relative flex w-full items-center justify-center">
                         <Image
diff --git a/src/pages/auth/signin.js b/src/pages/auth/signin.js
index f87318f..d44e7cb 100644
--- a/src/pages/auth/signin.js
+++ b/src/pages/auth/signin.js
@@ -41,7 +41,7 @@ export default function SignIn() {
   }
 
   return (
-    <div className="w-[100vw] min-bottom-bar:w-[82vw] mx-auto mt-24 flex flex-col justify-center">
+    <div className="w-[100vw] min-bottom-bar:w-[86vw] mx-auto mt-24 flex flex-col justify-center">
       <h1 className="text-center mb-8">Sign In</h1>
       <Button
         label={"login with nostr"}
diff --git a/src/pages/course/[slug]/draft/edit.js b/src/pages/course/[slug]/draft/edit.js
index 82a3e0e..10c99a6 100644
--- a/src/pages/course/[slug]/draft/edit.js
+++ b/src/pages/course/[slug]/draft/edit.js
@@ -32,7 +32,7 @@ export default function Edit() {
     }, [router.isReady, router.query, showToast]);
 
     return (
-        <div className="w-full min-bottom-bar:w-[87vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center">
+        <div className="w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center">
             <h2 className="text-center mb-8">Edit Course Draft</h2>
             {draft && <CourseForm draft={draft} />}
         </div>
diff --git a/src/pages/create.js b/src/pages/create.js
index 4bcf087..8c27876 100644
--- a/src/pages/create.js
+++ b/src/pages/create.js
@@ -27,7 +27,7 @@ const Create = () => {
     };
 
     return (
-        <div className="w-full min-bottom-bar:w-[87vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center">
+        <div className="w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center">
             <h2 className="text-center mb-8">Create a {homeItems[activeIndex].label}</h2>
             <MenuTab items={homeItems} activeIndex={activeIndex} onTabChange={setActiveIndex} />
             {renderForm()}
diff --git a/src/pages/draft/[slug]/edit.js b/src/pages/draft/[slug]/edit.js
index f730028..7267d6e 100644
--- a/src/pages/draft/[slug]/edit.js
+++ b/src/pages/draft/[slug]/edit.js
@@ -25,7 +25,7 @@ const Edit = () => {
     }, [router.isReady, router.query]);
 
     return (
-        <div className="w-[80vw] max-w-[80vw] mx-auto my-8 flex flex-col justify-center">
+        <div className="w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center">
             <h2 className="text-center mb-8">Edit Draft</h2>
             {draft?.type === 'course' && <CourseForm draft={draft} />}
             {draft?.type === 'workshop' && <WorkshopForm draft={draft} />}
diff --git a/src/pages/feed.js b/src/pages/feed.js
index 7462578..f4cb9a2 100644
--- a/src/pages/feed.js
+++ b/src/pages/feed.js
@@ -55,8 +55,8 @@ const Feed = () => {
     };
 
     return (
-        <div className="bg-gray-900 h-[100vh] w-[100vw] min-bottom-bar:w-[87vw]">
-            <div className="w-[100vw] min-bottom-bar:w-[87vw] px-4 pt-4 flex flex-col items-start">
+        <div className="bg-gray-900 h-[100vh] w-[100vw] min-bottom-bar:w-[86vw]">
+            <div className="w-[100vw] min-bottom-bar:w-[86vw] px-4 pt-4 flex flex-col items-start">
                 <div className='mb-4 flex flex-row items-end'>
                     <h2 className="font-bold mb-0">Community</h2>
                     <Button
diff --git a/src/pages/profile.js b/src/pages/profile.js
index 9f05da4..82f04e4 100644
--- a/src/pages/profile.js
+++ b/src/pages/profile.js
@@ -29,7 +29,7 @@ const Profile = () => {
     };
 
     return (
-        <div className="w-full min-h-full min-bottom-bar:w-[87vw] mx-auto">
+        <div className="w-full min-h-full min-bottom-bar:w-[86vw] mx-auto">
             <TabView
                 pt={{
                     root: {