improve layout

Author: sdorra

public/index.html

@@ -34,17 +34,13 @@
 
     <!-- build:css css/sample.min.css -->
     <!-- Bootstrap core CSS -->
-    <link href="components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!--link href="components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"-->
 
     <!-- dashboard style -->
     <link href="components/angular-dashboard-framework/dist/angular-dashboard-framework.min.css" rel="stylesheet">
     <link href="components/adf-widget-clock/dist/adf-widget-clock.min.css" rel="stylesheet">
     <link href="components/adf-widget-iframe/dist/adf-widget-iframe.min.css" rel="stylesheet">
-    <style>
-    body {
-      padding-top: 60px;
-    }
-    </style>
+    <link href="styles/app.css" rel="stylesheet">
     <!-- endbuild -->
 
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
@@ -75,7 +71,7 @@
           </button>
           <a class="navbar-brand" href="#">ADF Dynamic Sample</a>
         </div>
-        <div collapse="nav.navCollapsed" class="collapse navbar-collapse">
+        <div uib-collapse="nav.navCollapsed" class="collapse navbar-collapse">
           <ul class="nav navbar-nav">
             <li ng-class="nav.navClass('boards/' + item.id)" ng-repeat="item in nav.items | orderBy: title">
               <a ng-href="#/boards/{{item.id}}">{{item.title}}</a>

public/partials/dashboard.html

@@ -1,5 +1,8 @@
 <div>
   <adf-dashboard name="{{dashboard.name}}" structure="4-8" adf-model="dashboard.model" />
 </div>
-
-<button class="btn btn-warning" ng-click="dashboard.delete(dashboard.name)">Delete</button>
+<div class="footer">
+  <button class="btn btn-warning" ng-click="dashboard.delete(dashboard.name)">
+    <span class="glyphicon glyphicon-remove"></span> Delete
+  </button>
+</div>

public/styles/app.css

@@ -0,0 +1,33 @@
+// out: app.css, sourcemap: true, compress: true
+
+@import "../components/bootstrap/less/bootstrap.less";
+
+@body-bg: lighten(@gray-base, 95.0%);;
+@icon-font-path: "../components/bootstrap/fonts/";
+@grid-gutter-width: 10px;
+
+@panel-footer-padding:        0;
+@panel-border-radius:         0;
+@panel-inner-border:          inherit;
+@panel-footer-bg:             inherit;
+
+@panel-default-text:          @gray-dark;
+@panel-default-border:        #ddd;
+@panel-default-heading-bg:    inherit;
+
+body {
+  padding-top: 60px;
+}
+
+.panel {
+  margin-bottom: @grid-gutter-width;
+  .box-shadow(2px 2px 1px rgba(0,0,0,.08));
+}
+
+.panel-heading {
+  border-bottom: none;
+}
+
+.edit .column {
+  padding: @grid-gutter-width / 2;
+}