Change github link to be an actual link

src/app/app.ts

@@ -46,7 +46,6 @@ Promise.all([
   const languageSelector = document.getElementById('language-selector')!
   const languageSelectorMenu = document.getElementById('language-selector-menu')!
   const themeSelector = document.getElementById('theme-selector')!
-  const githubLink = document.getElementById('github-link')!
   const treeViewEl = document.getElementById('tree-view')!
   const sourceViewEl = document.getElementById('source-view')!
   const sourceViewOutput = (document.getElementById('source-view-output') as HTMLTextAreaElement)
@@ -168,10 +167,6 @@ Promise.all([
     }
   })
 
-  githubLink.addEventListener('click', evt => {
-    location.href = 'https://github.com/misode/minecraft-schemas'
-  })
-
   sourceControlsToggle.addEventListener('click', evt => {
     sourceControlsMenu.style.visibility = 'visible'
     document.body.addEventListener('click', evt => {

src/generator.html

@@ -31,7 +31,9 @@
           <svg id="theme-selection-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="24" height="24"><path fill-rule="evenodd" d="M9.598 1.591a.75.75 0 01.785-.175 7 7 0 11-8.967 8.967.75.75 0 01.961-.96 5.5 5.5 0 007.046-7.046.75.75 0 01.175-.786zm1.616 1.945a7 7 0 01-7.678 7.678 5.5 5.5 0 107.678-7.678z"></path></svg>
         </div>
         <div id="github-link" class="nav-item">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="24" height="24"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
+          <a href="https://github.com/misode/minecraft-schemas" target="_blank">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="24" height="24"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
+          </a>
         </div>
       </div>
     </div>

src/locales/en.json

@@ -4,7 +4,7 @@
   "title.advancement": "Advancement Generator",
   "title.dimension": "Dimension Generator",
   "title.dimension-type": "Dimension Type Generator",
-  "title.sandbox": "Sandbox Generator",
+  "title.sandbox": "Sandbox",
   "loot-table": "Loot Table",
   "predicate": "Predicate",
   "advancement": "Advancement",

src/styles/global.css

@@ -26,7 +26,7 @@ body {
 
 .header-title {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
 }
 
 .header-title h2 {
@@ -168,7 +168,7 @@ body {
   border-top-left-radius: 0px;
 }
 
-@media screen and (max-width: 560px) {
+@media screen and (max-width: 580px) {
   body {
     overflow-y: hidden;
   }
@@ -226,6 +226,12 @@ body {
   }
 }
 
+
+@media screen and (max-width: 410px) {
+  .header-title h2 {
+    font-size: 18px;
+  }
+}
 /* COLORS */
 
 .container,