From 91bcff4b48ac66f6dcac45aa12eb0e7129683e36 Mon Sep 17 00:00:00 2001
From: q9i <46249765+quantum9Innovation@users.noreply.github.com>
Date: Thu, 15 Feb 2024 21:17:18 -0800
Subject: [PATCH] Quality of life improvements

---
 src/app/document/view/[slug]/DocumentViewer.tsx | 1 -
 src/app/document/view/[slug]/VersionChooser.tsx | 2 +-
 src/app/globals.css                             | 7 ++++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/document/view/[slug]/DocumentViewer.tsx b/src/app/document/view/[slug]/DocumentViewer.tsx
index a092b36..bbd579a 100644
--- a/src/app/document/view/[slug]/DocumentViewer.tsx
+++ b/src/app/document/view/[slug]/DocumentViewer.tsx
@@ -10,7 +10,6 @@ import {
 } from '@/app/components/DataDisplay'
 import { ItemBadge, Status } from '@/app/components/Badges'
 import VersionChooser from './VersionChooser'
-import crypto from 'crypto'
 import generateHash from '@/app/utils/hash'
 import { Suspense } from 'react'
 import { loadDocument } from '@/app/db/loaders'
diff --git a/src/app/document/view/[slug]/VersionChooser.tsx b/src/app/document/view/[slug]/VersionChooser.tsx
index 70d77e3..1dbfe5e 100644
--- a/src/app/document/view/[slug]/VersionChooser.tsx
+++ b/src/app/document/view/[slug]/VersionChooser.tsx
@@ -84,7 +84,7 @@ const VersionChooser = ({
       >
         {Array.from({ length: latest }, (_, index) => index + 1).map(
           (version) => (
-            <option key={version} value={`v${version}`} className='p-2.5'>
+            <option key={version} value={`v${version}`}>
               {version == latest ? 'Latest' : `v${version}`}
             </option>
           )
diff --git a/src/app/globals.css b/src/app/globals.css
index 085ee8a..94ccbf7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -21,20 +21,21 @@ a:hover {
 }
 
 option {
+  appearance: none;
   @apply font-sans;
   @apply p-4;
 }
 
 .button-default {
-  @apply bg-blue-600 text-slate-100 hover:bg-blue-400 font-semibold rounded py-2 px-4 my-2 shadow-sm shadow-slate-400;
+  @apply bg-blue-600 text-slate-100 hover:bg-blue-400 font-semibold rounded h-12 py-2 px-4 my-2 shadow-sm shadow-slate-400 mr-2;
 }
 
 .button-alternate {
-  @apply bg-slate-100 text-slate-700 hover:bg-blue-100 font-semibold rounded py-2 px-4 my-2 shadow-sm shadow-slate-400 mx-2;
+  @apply bg-slate-100 text-slate-700 hover:bg-blue-100 font-semibold rounded h-12 py-2 px-4 my-2 shadow-sm shadow-slate-400 mr-2;
 }
 
 .select-default {
-  @apply bg-slate-100 text-slate-700 hover:bg-blue-100 font-semibold rounded py-2 px-4 my-2 shadow-sm shadow-slate-400 mx-2;
+  @apply bg-slate-100 text-slate-700 hover:bg-blue-100 font-semibold rounded h-12 py-2 px-4 my-2 shadow-sm shadow-slate-400 mr-2;
 }
 
 .badge-base {