chore(website): improve design

Author: marcj

.dockerignore

@@ -6,4 +6,4 @@ website/.angular
 .dockerignore
 Dockerfile
 website/Dockerfile
-api-docs.json
+website/api-docs.json

website/package.json

@@ -7,7 +7,7 @@
     "ng:test": "NODE_OPTIONS=--preserve-symlinks ng test",
     "app": "NODE_OPTIONS=--preserve-symlinks TS_NODE_PROJECT=tsconfig.server.json node -r ts-node/register -r tsconfig-paths/register src/server/app.ts",
     "api-docs": "TS_NODE_PROJECT=tsconfig.server.json node -r ts-node/register -r tsconfig-paths/register api-docs.ts",
-    "build": "BUILD=angular NODE_OPTIONS=--preserve-symlinks ng build --configuration production",
+    "build": "npm run api-docs && BUILD=angular NODE_OPTIONS=--preserve-symlinks ng build --configuration production",
     "test": "jest"
   },
   "private": true,

website/src/app/components/header.component.ts

@@ -128,17 +128,17 @@ export class HeaderNavComponent {
           <app-search></app-search>
         }
 
-        <a class="burger" (click)="toggleMenu()">
-          <svg width="21px" height="16px" viewBox="0 0 21 16" version="1.1" xmlns="http://www.w3.org/2000/svg">
-            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-              <g id="burger" [attr.fill]="'white'">
-                <rect id="Rectangle" x="0" y="0" width="21" height="2"></rect>
-                <rect id="Rectangle" x="0" y="7" width="21" height="2"></rect>
-                <rect id="Rectangle" x="0" y="14" width="21" height="2"></rect>
-              </g>
-            </g>
-          </svg>
-        </a>
+<!--        <a class="burger" (click)="toggleMenu()">-->
+<!--          <svg width="21px" height="16px" viewBox="0 0 21 16" version="1.1" xmlns="http://www.w3.org/2000/svg">-->
+<!--            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">-->
+<!--              <g id="burger" [attr.fill]="'white'">-->
+<!--                <rect id="Rectangle" x="0" y="0" width="21" height="2"></rect>-->
+<!--                <rect id="Rectangle" x="0" y="7" width="21" height="2"></rect>-->
+<!--                <rect id="Rectangle" x="0" y="14" width="21" height="2"></rect>-->
+<!--              </g>-->
+<!--            </g>-->
+<!--          </svg>-->
+<!--        </a>-->
         <dw-header-nav />
       </div>
     `,

website/src/app/pages/libraries/libraries.component.ts

@@ -104,6 +104,12 @@ export class LibraryEntryComponent {
         .twice {
           grid-column: 1 / span 2;
         }
+        
+        @media (max-width: 640px) {
+          .main, .twice {
+            grid-column: unset;
+          }
+        }
       }
 
       .banner {