Temporary style tweaks to /admin for #53

percolatestudio · Oct 27, 2014 · 98ee701 · 98ee701
1 parent 4439a4a
commit 98ee701
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 10 deletions.
diff --git a/client/stylesheets/globals/layout.import.less b/client/stylesheets/globals/layout.import.less
@@ -88,9 +88,5 @@ body {
 // phone chrome
 #admin {
  background-color: white;
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
+ .position(absolute, 0, 0, 0, 0);
 }
diff --git a/client/stylesheets/main.less b/client/stylesheets/main.less
@@ -38,4 +38,5 @@
 @import '../templates/not-found.import.less';
 @import '../templates/recipe.import.less';
 @import '../templates/recipes.import.less';
-@import '../templates/share-overlay.import.less';
+@import '../templates/share-overlay.import.less';
+@import '../templates/admin.import.less';
diff --git a/client/templates/admin.html b/client/templates/admin.html
@@ -3,12 +3,12 @@
  {{#if isAdmin}}
  <h1>Admin</h1>
 
- <a href="/">Home</a>
+ <a href="/">Back</a>
 
  <form>
- <label>Latest News</label>
- <input name="text" type="text" value="{{latestNews.text}}" />
- <button type="submit">Save</button>
+ <label>Set Latest News</label>
+ <textarea name="text" rows="5">{{latestNews.text}}</textarea>
+ <button type="submit" class="btn-primary">Save</button>
  </form>
  {{else}}
  <h1>Forbidden</h1>

diff --git a/client/templates/admin.import.less b/client/templates/admin.import.less
@@ -0,0 +1,12 @@
+#admin {
+ padding: 20px;
+
+ label, input, textarea, button {
+ display: block;
+ margin-top: 10px;
+ }
+
+ textarea {
+ border: 1px solid @color-raw;
+ }
+}