change hover icons for sidebar, change title for sidebar

src/js/forms/apps.riot

@@ -3,7 +3,7 @@
         <div class="sidebar__inner">
 
             <!-- header -->
-            <tiny-sidebar-form-header title="New" close={ (event) => { handleClose(event) }}></tiny-sidebar-form-header>
+            <tiny-sidebar-form-header title="{ state.current._id ? 'Edit ' + state.current.name : 'New' }" close={ (event) => { handleClose(event) }}></tiny-sidebar-form-header>
 
             <div class="sidebar__form">
 
@@ -327,7 +327,7 @@
                  },
 
                  /**
-                  *  
+                  *
                   *
                   */
                  handleDelete() {

src/js/forms/footer.riot

@@ -1,12 +1,12 @@
 <tiny-sidebar-form-footer>
     <div class="sidebar__footer">
-        <button class="button button--danger m-bottom-0" disabled={ props.loading } type="button" if={ props.id } onclick={ () => { props.handleDelete() }}>
+        <button class="button button--danger button--hover-icon-contrast m-bottom-0" disabled={ props.loading } type="button" if={ props.id } onclick={ () => { props.handleDelete() }}>
             Delete
             <svg class="icon fill-danger p-left-3" aria-hidden="true">
                 <use xlink:href="symbol-defs.svg#icon-delete"></use>
             </svg>
         </button>
-        <button class="button m-bottom-0" type="submit" disabled={ props.loading }>
+        <button class="button button--hover-icon-contrast m-bottom-0" type="submit" disabled={ props.loading }>
             Save
             <svg class="icon fill-success p-left-3" aria-hidden="true">
                 <use xlink:href="symbol-defs.svg#icon-check"></use>