Display widgets more resposively.

hrishikeshs · Jun 8, 2014 · fdf08e0 · fdf08e0 · hrishikeshs · Jun 8, 2014
1 parent 69dde89
commit fdf08e0
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 13 deletions.
diff --git a/Mongoman/app/assets/javascripts/templates/application.handlebars b/Mongoman/app/assets/javascripts/templates/application.handlebars
@@ -2,4 +2,7 @@
 
 <div role="main" class="main-container">
   {{outlet}}
-</div>
+</div>
+
+<div class="footer">
+</div>
diff --git a/Mongoman/app/assets/javascripts/templates/databases.handlebars b/Mongoman/app/assets/javascripts/templates/databases.handlebars
@@ -44,11 +44,8 @@
                     {{/each}}
                   </tbody>
                 </table>
-                <div>
-                  {{partial 'widgets'}}
-                </div>
+                {{partial 'widgets'}}
           </div>
-
       {{else}}
           <div style="margin-left: inherit;margin-right: inherit;padding-top: 150px;padding-left: 370px;">
             {{controller.statusText}}

diff --git a/Mongoman/app/assets/javascripts/templates/documents.handlebars b/Mongoman/app/assets/javascripts/templates/documents.handlebars
@@ -39,6 +39,4 @@
   </div>
   <div id="dialog-form" style="display:none;">Add a new document to this collection:
     <div> {{textarea valueBinding="controller.newDocument" rows="12" cols="60"}}</div>
-  </div>
-<div class="footer">
-</div>
+  </div>
diff --git a/Mongoman/app/assets/javascripts/templates/widgets.handlebars b/Mongoman/app/assets/javascripts/templates/widgets.handlebars
@@ -1,6 +1,6 @@
-<div>
-  {{#if selectedItem}}
-  <ul style="margin-top:80px;">
+{{#if selectedItem}}
+<div>  
+  <ul>
     <li class="widget-list-option" title="copy this database." {{action 'copy'}}>
       Copy
     </li>
@@ -11,5 +11,5 @@
       Delete
     </li>
   </ul>
-  {{/if}}
 </div>
+{{/if}}
diff --git a/Mongoman/app/assets/stylesheets/_pages/common_classes.scss b/Mongoman/app/assets/stylesheets/_pages/common_classes.scss
@@ -25,5 +25,5 @@
 
 .flex {
   display: flex;
-  flex-direction: row;
+  align-items: center;
 }