admin fixes

resources/frontend_client/app/admin/databases/partials/database_edit_pane.html

-<div class="Grid-cell Cell--2of3">
+<div class="Grid-cell">
     <form class="Form-new bordered rounded shadowed" name="form" novalidate>
         <!-- Form -->
         <div ng-include="'/app/admin/databases/partials/database_edit_forms.html'"></div>
@@ -14,7 +14,7 @@
 </div>
 
 <!-- Sidebar Actions -->
-<div class="Grid-cell Cell--1of3" ng-if="database.id">
+<div class="Grid-cell" ng-if="database.id">
     <div class="Actions  bordered rounded shadowed">
         <h3>Actions</h3>
         <div class="Actions-group">

resources/frontend_client/app/admin/databases/partials/database_master_detail.html

 <div class="wrapper full-height flex flex-column">
-    <section class="my3 clearfix">
-        <div class="py2 float-right">
+    <section class="my3 flex align-center">
+        <h3 class="py2">{{database.name}}</h2>
+        <div class="py2 flex-align-right">
             <div class="Button-group Button-group--blue text-uppercase text-bold">
                 <a class="Button AdminHoverItem" ng-class="{ 'Button--active': pane == 'tables' }" href="/admin/databases/{{database.id}}/tables/{{table.id}}">Data</a>
                 <a class="Button AdminHoverItem" ng-class="{ 'Button--active': pane == 'settings' }" href="/admin/databases/{{database.id}}/settings">Connection Details</a>
             </div>
         </div>
-        <h3 class="py2">{{database.name}}</h2>
     </section>
 
     <section class="DatabaseTablesAdmin Grid bordered rounded shadowed flex-full mb4" ng-show="pane == 'tables'">
@@ -21,7 +21,7 @@
     </section>
 
     <section ng-show="pane == 'settings'" ng-controller="DatabaseEdit">
-        <div class="Grid Grid--gutters Grid--full" ng-include="'/app/admin/databases/partials/database_edit_pane.html'" >
+        <div class="Grid Grid--gutters Grid--full md-Grid--1of2" ng-include="'/app/admin/databases/partials/database_edit_pane.html'" >
         </div>
     </section>
 </div>

resources/frontend_client/app/css/admin.css

@@ -6,7 +6,8 @@
 }
 
 .AdminNav {
-    padding: 1.825em;
+    padding-top: 1.825em;
+    padding-bottom: 1.825em;
     background: var(--admin-nav-bg-color);
     color: #fff;
     font-size: 0.85rem;

resources/frontend_client/index.html

@@ -53,11 +53,11 @@
                 <div class="wrapper flex align-center">
                     <div class="NavTitle flex align-center">
                         <mb-icon name="gear" class="AdminGear" width="22px" height="22px"></mb-icon>
-                        <span class="NavItem-text ml1">Site Administration</span>
+                        <span class="NavItem-text ml1 hide sm-show">Site Administration</span>
                     </div>
 
                     <!-- admin sections -->
-                    <ul class="ml4 flex flex-full">
+                    <ul class="sm-ml4 flex flex-full">
                         <li>
                             <a class="NavItem py1 px2 no-decoration" ng-class="{ 'is--selected' : isActive('/admin/settings')}" href="/admin/settings/">
                                 Settings
@@ -77,7 +77,7 @@
 
                     <!-- user profile dropdown -->
                     <mb-profile-link user="user" context="nav"></mb-profile-link>
-                    <a class="text-white ml1 md-ml2" href="/" tooltip="Back to Metabase">
+                    <a class="text-white ml1 md-ml2" href="/">
                         <mb-icon name="return" width="22px" height="22px"></mb-icon>
                     </a>
                 </div>