🎨 Add custom CSS

Signed-off-by: Luke Tainton <luke@tainton.uk>

.github/workflows/deploy.yml

@@ -4,16 +4,35 @@ on:
     branches: main
 
 jobs:
-  deploy:
+  docker-dh:
+    name: Push to Docker Hub
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v2
     - name: Login to DockerHub Registry
       run: echo ${{ secrets.DOCKERHUB_PASSWORD }} | docker login -u ${{ secrets.DOCKERHUB_USERNAME }} --password-stdin
-    - name: Build image
+    - name: Build image for Docker Hub
       run: docker build . --file Dockerfile --tag luketainton/fhed:latest
-    - name: Push image
+    - name: Push image to Docker Hub
       run: docker push luketainton/fhed:latest
+      
+  docker-ghr:
+    name: Push to GitHub Package Registry
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - name: Login to DockerHub Registry
+      run: echo ${{ secrets.GITHUB_TOKEN }} | docker login https://docker.pkg.github.com -u luketainton --password-stdin
+    - name: Build image for GitHub Package Registry
+      run: docker build . --file Dockerfile --tag docker.pkg.github.com/luketainton/fhed/fhed:latest
+    - name: Push image to GitHub Package Registry
+      run: docker push docker.pkg.github.com/luketainton/fhed/fhed:latest
+
+  deploy:
+    name: Update Docker image on server
+    runs-on: ubuntu-latest
+    needs: [docker-dh]
+    steps:
     - name: Update image on server
       uses: garygrossgarten/github-action-ssh@release
       with:

app/public/css/custom.css

@@ -63,4 +63,3 @@ code {
   footer p {
     margin-bottom: .25rem;
   }
-  

app/public/existing.php

@@ -47,7 +47,7 @@
 
   <?php if (is_signed_in()) { ?>
     <section>
-      <div class="card mx-auto" style="width: 80%;">
+      <div class="card mx-auto" style="width: 80%;margin-bottom: 50px;">
         <div class="card-header">
           <span class="mdi mdi-ticket-outline"></span> My Open Requests
         </div>

app/public/new.php

@@ -82,7 +82,7 @@
     </section>
 
     <section>
-      <div class="card mx-auto" style="width: 50%;">
+      <div class="card mx-auto" style="width: 50%;margin-bottom: 50px;">
         <form style="padding: 2%" action="/new" method="post" enctype="multipart/form-data">
           <div class="form-group">
             <label for="title">Title: </label>