Appmanager: UI Rework
Change-Id: I2f809f96e274adac7df9f63d44b0a794bfa3a0dc
diff --git a/core/installer/welcome/appmanager-tmpl/app.html b/core/installer/welcome/appmanager-tmpl/app.html
index 5ce3534..d76dde9 100644
--- a/core/installer/welcome/appmanager-tmpl/app.html
+++ b/core/installer/welcome/appmanager-tmpl/app.html
@@ -81,7 +81,8 @@
{{ end }}
{{ define "header" }}
- <h1>{{ .App.Icon }}{{ .App.Name }}</h1>
+ {{ .App.Icon }}
+ <h1>{{ .App.Name }}</h1>
{{ end }}
{{ define "extra_menu" }}
diff --git a/core/installer/welcome/appmanager-tmpl/base.html b/core/installer/welcome/appmanager-tmpl/base.html
index 759ce87..a227233 100644
--- a/core/installer/welcome/appmanager-tmpl/base.html
+++ b/core/installer/welcome/appmanager-tmpl/base.html
@@ -3,14 +3,14 @@
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="/static/pico.2.0.6.min.css">
- <link rel="stylesheet" type="text/css" href="/static/appmanager.css?v=0.0.2">
+ <link rel="stylesheet" type="text/css" href="/static/appmanager.css?v=0.0.8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<header class="is-fixed-above-lg is-fixed">
{{ block "header" . }}{{ end }}
</header>
- <main class="container page-index">
+ <main class="container-fluid page-index">
<aside id="menu-nav">
<nav id="menu" class="is-sticky-above-lg">
<ul>
diff --git a/core/installer/welcome/appmanager-tmpl/index.html b/core/installer/welcome/appmanager-tmpl/index.html
index 356dc28..d934cd3 100644
--- a/core/installer/welcome/appmanager-tmpl/index.html
+++ b/core/installer/welcome/appmanager-tmpl/index.html
@@ -13,14 +13,12 @@
<a href="/app/{{ .Slug }}" class="app-link">
<article>
<div class="icon">
- <div>
- {{ .Icon }}
- </div>
+ {{ .Icon }}
</div>
<div class="card-content">
<div class="app-details">
<div class="app-name-container">
- <p class="app">{{ .Name }}</p>
+ <h3 class="app">{{ .Name }}</h3>
<span class="instance-count" data-tooltip="Instances {{ len .Instances }}" data-placement="bottom">{{ len .Instances }}</span>
</div>
<p class="description">{{ .ShortDescription }}</p>