dashboard.scss in alchemy_cms-2.5.0

- old
+ new

@@ -1,65 +1,69 @@
 #dashboard {
   overflow: auto;
-  float: left;
   padding: 4 * $default-padding;
-  width: 450px;
+  width: 100%;
   position: relative;
+  @include box-sizing(border-box);
+  * { @include box-sizing(border-box) }
 
   h1 {
     font-size: 2em;
-    margin-bottom: 0;
-    text-shadow: #fff 1px 1px 2px;
+    margin-bottom: 8px;
   }
 
   h2 {
     padding: 0;
-    margin-bottom: 2em;
+    margin-bottom: 16px;
   }
 
+  div.column {
+    width: 50%;
+    float: left;
+    padding-right: 16px;
+  }
+
   div.widget {
-    padding: 2*$default-padding;
-    margin: 16px 0;
+    width: 100%;
+    margin-bottom: 16px;
     background-color: $medium-gray;
     border: $default-border;
-    @include rounded-corner;
+    @include top-rounded-border;
+    float: left;
 
     h2 {
-      padding-bottom: 0;
+      padding: 2 * $default-padding;
       margin-bottom: 0;
     }
 
     p {
       margin: 4px 0;
     }
 
-    ul {
+    table {
+      width: 100%;
       padding: 0;
-      list-style-type: none;
-      @include rounded-corner;
-      margin-right: -9px;
-      margin-left: -9px;
-      margin-bottom: -9px;
-      border: $default-border;
+      border-spacing: 0;
 
-      li {
-        padding: 2*$default-padding;
+      td {
+        padding: 2 * $default-padding;
         margin-bottom: 0;
         position: relative;
+        color: #aaa;
 
-        form {
-          position: absolute;
-          top: 2*$default-padding;
-          right: 2*$default-padding;
-        }
+        &:first-child { width: 40% }
+        form { float: right }
+        span { color: #333 }
       }
     }
   }
 }
 
 div#sideboard {
-  float: right;
+  right: 16px;
+  top: 82px;
+  position: absolute;
   width: 240px;
   padding: 16px;
 
   div.sideboard_widget img {
     margin-bottom: 16px;
@@ -69,6 +73,19 @@
 
 div#license {
   overflow: auto;
   height: 24em;
   background-color: white;
+}
+
+#update_check {
+  height: 16px;
+
+  img#load_info {
+    width: 16px;
+    height: 16px;
+    display: none;
+  }
+
+  & > span { display: none }
+  span.icon { vertical-align: top }
 }