Misc fixes

- Consistent tab styles
- Popover placement

src/components/layout/Layout.tsx

@@ -214,7 +214,7 @@ const Layout = ({ footer, children, disableSidebar, font }: any) => {
                       <Nav
                         activeKey={activeConfigNav}
                         onSelect={(e) => setActiveConfigNav(e)}
-                        appearance="subtle"
+                        appearance="tabs"
                       >
                         <StyledNavItem eventKey="listView">List-View</StyledNavItem>
                         <StyledNavItem eventKey="gridView">Grid-View</StyledNavItem>
@@ -224,7 +224,7 @@ const Layout = ({ footer, children, disableSidebar, font }: any) => {
                     </StyledPopover>
                   }
                   trigger="click"
-                  placement="autoVerticalEnd"
+                  placement="bottomEnd"
                   preventOverflow
                 >
                   <StyledIconButton appearance="subtle" icon={<Icon icon="cog" />} />

src/components/settings/Config.tsx

@@ -164,7 +164,7 @@ const Config = () => {
               </Whisper>
               <Whisper
                 trigger="hover"
-                placement="auto"
+                placement="bottomEnd"
                 enterable
                 preventOverflow
                 speaker={

src/components/viewtypes/ListViewType.tsx

@@ -119,7 +119,7 @@ const ListViewType = (
         const currentScrollY = Math.abs(tableRef?.current.scrollY);
         const currentScrollX = Math.abs(tableRef?.current.scrollX);
         if (dragDirection.match(/down|up/)) {
-          console.log(`currentScrollY + scrollDistance`, currentScrollY + scrollDistance);
+          // console.log(`currentScrollY + scrollDistance`, currentScrollY + scrollDistance);
           tableRef.current.scrollTop(
             dragDirection === 'down'
               ? currentScrollY + scrollDistance