💄 update sketch list header alignment and font size

Author: ghalestrilo

client/modules/App/App.jsx

@@ -34,7 +34,7 @@ class App extends React.Component {
   render() {
     return (
       <div className="app">
-        {/* FIXME: remove false */}
+        {/* FIXME: Remove false */}
         {false && this.state.isMounted && !window.devToolsExtension && getConfig('NODE_ENV') === 'development' && <DevTools />}
         {this.props.children}
       </div>

client/modules/Mobile/MobileViewContent.jsx

@@ -6,4 +6,13 @@ import { remSize } from '../../theme';
 export default styled.div`
   z-index: 0;
   margin-top: ${props => remSize(props.slimheader ? 50 : 68)};
+
+  .sketch-list__sort-button { padding: 0 }
+
+  td { font-size: ${remSize(10)} };
+  th {
+    font-size: ${remSize(14)};
+    /* font-weight: bold; */
+    max-width: ${remSize(140)}
+  };
 `;

client/utils/custom-hooks.js

@@ -21,7 +21,7 @@ export const useModalBehavior = (hideOverlay) => {
 
   // Return values
   const setRef = (r) => { ref.current = r; };
-  const [visible, setVisible] = useState(true);
+  const [visible, setVisible] = useState(false);
   const trigger = () => setVisible(!visible);
 
   const hide = () => setVisible(false);