addCategories: improve layout

lang/ast.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Llingua de la interfaz",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Guardar",
     "show details": "",
     "toggle_fullscreen": "",

lang/ca.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Guardar",
     "show details": "",
     "toggle_fullscreen": "",

lang/cs.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Jazyk rozhraní",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Uložit",
     "show details": "",
     "toggle_fullscreen": "",

lang/da.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Brugerfladesprog",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Gem",
     "show details": "",
     "toggle_fullscreen": "",

lang/de.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "zurück",
+    "categories": "",
     "category-info-tooltip": "Info & Legende",
     "closed": "geschlossen",
     "default": "Standard",
@@ -33,6 +34,7 @@
     "options:ui_lang": "Anwendungssprache",
     "other": "Andere",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Speichern",
     "show details": "zeige Details",
     "toggle_fullscreen": "(De-)aktiviere Vollbildmodus",

lang/el.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Γλώσσα διεπαφής",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Αποθήκευση",
     "show details": "",
     "toggle_fullscreen": "",

lang/en.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "Available branches",
     "back": "back",
+    "categories": "Categories",
     "category-info-tooltip": "Info & Map key",
     "closed": "closed",
     "default": "default",
@@ -33,6 +34,7 @@
     "options:ui_lang": "Interface language",
     "other": "Other",
     "repo-use-as-base": "Use this repository as base repository",
+    "repositories": "Repositories",
     "save": "Save",
     "show details": "show details",
     "toggle_fullscreen": "Toggle full screen mode",

lang/es.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Idioma de interfaz",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Guardar",
     "show details": "",
     "toggle_fullscreen": "",

lang/et.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Kasutajaliidese keel",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Salvesta",
     "show details": "",
     "toggle_fullscreen": "",

lang/fr.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "Branches disponibles",
     "back": "Retour",
+    "categories": "",
     "category-info-tooltip": "Info & Légende",
     "closed": "Fermé",
     "default": "Par défaut",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Langue de l'interface",
     "other": "Autres",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Sauvegarder",
     "show details": "montrer les détails",
     "toggle_fullscreen": "Basculer en plein écran",

lang/hu.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "Vissza",
+    "categories": "",
     "category-info-tooltip": "Információk és jelmagyarázat",
     "closed": "Lezárva",
     "default": "Alapértelmezett",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Menü nyelve",
     "other": "Egyéb",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Mentés",
     "show details": "Részletek megjelenítése",
     "toggle_fullscreen": "Teljes képernyős nézet",

lang/it.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Lingua dell'interfaccia",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Salva",
     "show details": "",
     "toggle_fullscreen": "",

lang/ja.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "インタフェース表示",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "保存",
     "show details": "",
     "toggle_fullscreen": "",

lang/nl.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Interfacetaal",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Opslaan",
     "show details": "",
     "toggle_fullscreen": "",

lang/pl.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Język interfejsu",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Zapisz",
     "show details": "",
     "toggle_fullscreen": "",

lang/pt-br.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "voltar",
+    "categories": "",
     "category-info-tooltip": "Info & Legenda",
     "closed": "fechado",
     "default": "padrão",
@@ -33,6 +34,7 @@
     "options:ui_lang": "Língua da interface",
     "other": "Outro",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Salvar",
     "show details": "mostrar detalhes",
     "toggle_fullscreen": "Alternar modo tela cheia",

lang/pt.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "voltar",
+    "categories": "",
     "category-info-tooltip": "Info & Legenda",
     "closed": "fechado",
     "default": "padrão",
@@ -33,6 +34,7 @@
     "options:ui_lang": "Língua da interface",
     "other": "Outro",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Guardar",
     "show details": "mostrar detalhes",
     "toggle_fullscreen": "Alternar modo ecrã inteiro",

lang/ro.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Limba interfata",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Salveaza",
     "show details": "",
     "toggle_fullscreen": "",

lang/ru.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Язык интерфейса",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Сохранить",
     "show details": "",
     "toggle_fullscreen": "",

lang/sr.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Језик интерфејса",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Запамти",
     "show details": "",
     "toggle_fullscreen": "",

lang/template.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "",
     "show details": "",
     "toggle_fullscreen": "",

lang/uk.json

@@ -1,6 +1,7 @@
 {
     "available_branches": "",
     "back": "",
+    "categories": "",
     "category-info-tooltip": "",
     "closed": "",
     "default": "",
@@ -30,6 +31,7 @@
     "options:ui_lang": "Мова інтерфейсу",
     "other": "",
     "repo-use-as-base": "",
+    "repositories": "",
     "save": "Зберегти",
     "show details": "",
     "toggle_fullscreen": "",

src/addCategories.js

@@ -96,9 +96,12 @@ function addCategoriesShow (repo, options={}) {
     }
 
     if ('branches' in repoData) {
+      let li = document.createElement('li')
+      menu.appendChild(li)
+
       let text = document.createElement('span')
       text.innerHTML = lang('available_branches') + ': '
-      content.appendChild(text)
+      li.appendChild(text)
 
       let branchSelector = document.createElement('select')
 
@@ -121,9 +124,13 @@ function addCategoriesShow (repo, options={}) {
           branchSelector.appendChild(option)
         }
       )
-      content.appendChild(branchSelector)
+      li.appendChild(branchSelector)
     }
 
+    let header = document.createElement('h3')
+    header.innerHTML = lang(repo ? 'repositories' : 'categories') + ':'
+    content.appendChild(header)
+
     var ul = document.createElement('ul')
 
     for (var id in list) {