marginally less ugly

frontend/src/pages/Login/index.tsx

@@ -2,8 +2,6 @@ import { Input } from 'antd'
 import FormItem from 'antd/lib/form/FormItem'
 import { Link } from 'react-router-dom'
 import { User } from '../../types'
-
-import './style.scss'
 import { useUserContext } from '../../contexts/UserContext'
 import { Form } from '../../elements/Form'
 import { Button } from '../../elements/Button'
@@ -22,8 +20,8 @@ export const Login = () => {
 
   return (
     <div className="login">
-      <h1>Log In</h1>
       <Form onFinish={handleFinish} form={form}>
+        <h1>Log In</h1>
         <FormItem label="Username" name="username">
           <Input />
         </FormItem>

frontend/src/pages/Login/style.scss

@@ -1,32 +0,0 @@
-.login {
-  display: flex;
-  border: 1px solid #111;
-  flex-direction: column;
-  margin: 0 auto;
-  border-radius: 0.2rem;
-  padding: 2rem 2rem;
-
-  h1 {
-    margin: 0 auto;
-  }
-
-  form {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    text-align: center;
-
-    .ant-row {
-      margin: 1rem 2rem;
-    }
-
-    .form-footer {
-      margin-top: 1rem;
-
-      button {
-        width: 50%;
-        margin: auto 0 auto 1rem;
-      }
-    }
-  }
-}

frontend/src/pages/TransactionList/style.scss

@@ -4,7 +4,6 @@
       text-align: center;
       text-decoration: underline;
     }
-    font-size: 14pt;
     margin: 2ch;
     background: #fff1;
     padding: 0 2ch 1ch;