From 65015063d2d6a64ee69c9e2124588ddd217a4e68 Mon Sep 17 00:00:00 2001
From: Mikunj <mikunj@live.com.au>
Date: Wed, 5 Dec 2018 15:52:26 +1100
Subject: [PATCH] Add css styling. Added input and button.

---
 js/views/launcher_view.js  |  5 +++--
 launcher.html              |  8 ++++++--
 stylesheets/_launcher.scss | 17 +++++++++++++++++
 stylesheets/manifest.scss  |  1 +
 4 files changed, 27 insertions(+), 4 deletions(-)
 create mode 100644 stylesheets/_launcher.scss

diff --git a/js/views/launcher_view.js b/js/views/launcher_view.js
index 4c7c8282b..bb0bf28e8 100644
--- a/js/views/launcher_view.js
+++ b/js/views/launcher_view.js
@@ -11,14 +11,15 @@
   window.Whisper = window.Whisper || {};
 
   Whisper.LauncherView = Whisper.View.extend({
-    className: 'launcher',
+    className: 'launcher full-screen-flow',
     templateName: 'launcher',
     initialize() {
       this.render();
     },
     render_attributes() {
       return {
-        title: 'WOOOWEEE',
+        title: 'Type in your password',
+        buttonText: 'Unlock',
       };
     },
   });
diff --git a/launcher.html b/launcher.html
index 448dfe36b..8a872e51b 100644
--- a/launcher.html
+++ b/launcher.html
@@ -17,8 +17,12 @@
   <style>
   </style>
   <script type='text/x-tmpl-mustache' id='launcher'>
-    <div class='content'>
-      <h4>{{ title }}</h4>
+    <div class='content' id='standalone'>
+      <h2>{{ title }}</h2>
+      <div class='inputs'>
+        <input class='form-control' type='text' id='mnemonic' placeholder='Password' autocomplete='off' spellcheck='false' />
+        <a class='button'>{{ buttonText }}</a>
+      </div>
     </div>
   </script>
 
diff --git a/stylesheets/_launcher.scss b/stylesheets/_launcher.scss
new file mode 100644
index 000000000..2e59ed30f
--- /dev/null
+++ b/stylesheets/_launcher.scss
@@ -0,0 +1,17 @@
+.launcher {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  background: $color-dark-85;
+  color: $color-dark-05;
+
+  .inputs {
+    display: flex;
+    flex-direction: column;
+  }
+
+  input {
+    width: 30em;
+  }
+}
diff --git a/stylesheets/manifest.scss b/stylesheets/manifest.scss
index 33a4b8ff2..3c7274e5c 100644
--- a/stylesheets/manifest.scss
+++ b/stylesheets/manifest.scss
@@ -11,6 +11,7 @@
 @import 'recorder';
 @import 'emoji';
 @import 'settings';
+@import 'launcher';
 
 // Build the main view
 @import 'index';