3 files changed, 11 insertions(+), 4 deletions(-)

M client/views/clients/Index.jsx
M client/views/layouts/Header.jsx
M client/views/layouts/Main.jsx

@@ 22,12 22,15 @@ export default function Clients({ clients, user }) {
   return (
     <Layout user={user}>
       <div className="row">
-        <div className="col-4">
-          <a href="/clients/new" className="btn btn-outline-dark btn-block">
+        <div className="col-md-4">
+          <a
+            href="/clients/new"
+            className="btn btn-outline-dark btn-block mb-3"
+          >
             New Client
           </a>
         </div>
-        <div className="col-8">
+        <div className="col-md-8">
           <div className="list-group">{clientViews}</div>
         </div>
       </div>

@@ 5,7 5,7 @@ export default function Head() {
   const user = useContext(UserContext);
 
   return (
-    <nav className="navbar navbar-expand-lg navbar-light container">
+    <nav className="navbar navbar-expand-md navbar-light container">
       <a className="navbar-brand" href="/">
         Ωmega
       </a>

@@ 9,6 9,10 @@ export default function ({ user, children }) {
         <title>Ωmega</title>
         <link rel="stylesheet" href="/bootstrap.min.css"></link>
         <link rel="stylesheet" href="/styles.css"></link>
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1.0"
+        ></meta>
         <script src="/jquery.min.js"></script>
         <script src="/bootstrap.min.js"></script>
       </head>