From 17e4bee9035a3fdc7d5ec5a43e606714b42e3b76 Mon Sep 17 00:00:00 2001
From: controlol <laluckyluc7@gmail.com>
Date: Tue, 2 Nov 2021 23:44:43 +0100
Subject: [PATCH] improve column settings popup styling actually show date now
 instead of datetime

---
 src/components/fileBrowser.jsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/fileBrowser.jsx b/src/components/fileBrowser.jsx
index eeca808..7d26078 100644
--- a/src/components/fileBrowser.jsx
+++ b/src/components/fileBrowser.jsx
@@ -184,19 +184,21 @@ const SearchInput = styled(Input)`
 `
 
 const FileSettingsPopup = styled.div`
-  min-width: 20rem;
-  min-height: 20rem;
+  min-width: 15rem;
   background-color: var(--button-color);
   position: fixed;
-  top: 10rem;
+  top: 50%;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translate(-50%, -50%);
   z-index: 900;
+  padding: 1rem;
+  border-radius: .3rem;
+  box-shadow: 0 0 .5rem rgba(0,0,0,.3);
 `
 
 const FileSettingsHeader = styled.h3`
   text-align: center;
-  padding: 1rem 0;
+  margin-bottom: 1rem;
 `
 
 const FileColumnSettingsContainer = styled.form`
@@ -509,7 +511,7 @@ class FileBrowser extends Component {
             :
             <FilenameP onContextMenu={this.openMenu}>{ v.Name }</FilenameP>
         }
-        <ModifiedP shownColumns={shownColumns}> { v.ModTime?.toLocaleString() } </ModifiedP>
+        <ModifiedP shownColumns={shownColumns}> { shownColumns.datetime ? v.ModTime?.toLocaleString() : v.ModTime?.toLocaleDateString() } </ModifiedP>
         <SizeP shownColumns={shownColumns}> { !v.IsDir ? bytesToString(v.Size, {}) : "" } </SizeP>
     </Fragment>
     ))