fix for #68, updated page edit ui

brain/views/dash/page-edit.twig

@@ -13,6 +13,7 @@
   {% set tags = page['tags']  %}
   {% set content = page['content']  %}
   {% set date = page['created'] %}
+  {% set updated = page['updated'] %}
 {% else %}
   {% set id = ''  %}
   {% set uuid = ''  %}
@@ -23,6 +24,7 @@
   {% set tags = ''  %}
   {% set content = ''  %}
   {% set date = '' %}
+  {% set updated = '' %}
 {% endif %}
 
 {% block title %}
@@ -30,7 +32,7 @@
 {% endblock %}
 
 {% block stylesheets %}
-  <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfdfdf">
+  <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfvbn">
   {% endblock %}
 
   {% block mainContent %}
@@ -61,11 +63,7 @@
                 <textarea id="post_title" type="text" name="post_title" class="post-edit" placeholder="TITLE">
                   {{- _title -}}
                 </textarea>
-                <label>CREATED</label>
+                
-                <br/>
-                <span id="post-date" type="text">
-                  {{ date }}
-                </span>
                 <div id="layouts">
                   <label>LAYOUTS</label>
                   <select id="page-templates">
@@ -79,6 +77,10 @@
                     {% endfor  %}
                   </select>
               </div>
+              <label>CREATED</label>
+              <span id="post-date" type="text">
+                {{ date }}
+              </span>
               </div>
               <div id="post-meta" class="column">
                 <label>TAGS</label>
@@ -88,7 +90,11 @@
                 <label>OPTIONS</label>
                 {% apply spaceless %}
                   {{ include("dash/partials/options.twig") }}
-                {% endapply %}                
+                {% endapply %}
+                <label>UPDATED</label>
+                <span id="post-date" type="text">
+                  {{ updated }}
+                </span>        
                 <input id="featured-image-upload" type="file" name="featured-image-upload"/>
                 <input id="post-image-upload" type="file" name="post-image-upload"/>
                 <input id="form_token" name="token" type="hidden" value="{{ token }}">

src/styles/main/_posts.sass

@@ -73,6 +73,7 @@
                       position: relative
                       top: 35%
                       @include text-drop-shadow($black, 1, 2px, 2px, 0)
+                      @include text-drop-shadow($black, 1, 2px, 2px, 0)
                     #meta
                         width: 100%
                         background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
@@ -169,12 +170,15 @@
                 padding: 0.75rem
                 label 
                     color: $white
-                    font-size: 0.8em
+                    font-size: 0.9em
                     font-family: $baseType
                     font-weight: 600
                 span
                     color: $primary
-                    font-size: 1.5em
+                    font-size: 0.9em
+                    font-weight: 600
+                    text-transform: uppercase
+                    float: right
 
                 #post-title
                     #post_title
@@ -195,16 +199,16 @@
                         padding: 5.2px
                         color: $secondary
                     #layouts
-                        padding: 7px 0 0 0
                         select
                             background: $primary
                             color: $secondary
                             border-radius: 3px
                             border-color: $primary
-                            margin: 5px 0 0 0
+                            margin: 0 0 10px 0
                             width: 100%
+                            height: 45px
                             padding: 5px
-                            font-size: 1em
+                            font-size: 1.5em
 
                 #post-meta
                     #post_tags
@@ -221,6 +225,7 @@
                         vertical-align: top
                         width: 100%
                         padding: 0
+                        margin: 0 0 10px 0
 
                         button:nth-child(1)
                             border-radius: 3px 0 0 3px
@@ -237,6 +242,7 @@
                             width: 25%
                             height: 45px
                             @include object-transitions(0.3s)
+                            @include object-transitions(0.3s)
                             margin: 0
                             border-radius: 0
                             display: inline-block