2 files changed, 104 insertions, 6 deletions

@@ -1,3 +1,47 @@
 // Place all the styles related to the Admin::Dashboard controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+
+.pagination {
+  background: #f1f1f1;
+  border: 1px solid #e5e5e5;
+  text-align: center;
+  padding: 1em;
+  cursor: default;
+
+  a, span {
+    padding: 0.2em 0.3em;
+  }
+
+  .disabled {
+    color: #aaaaaa;
+  }
+
+  .current {
+    font-style: normal;
+    font-weight: bold;
+    background-color: #bebebe;
+    display: inline-block;
+    width: 1.4em;
+    height: 1.4em;
+    line-height: 1.5;
+    -moz-border-radius: 1em;
+    -webkit-border-radius: 1em;
+    border-radius: 1em;
+    text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px;
+  }
+
+  a {
+    text-decoration: none;
+    color: black;
+
+    &:hover, &:focus {
+      text-decoration: underline;
+    }
+  }
+}
+
+#action-box {
+  text-align: center;
+  margin: 1em 0;
+}
@@ -6,6 +6,7 @@ body {
   display: flex;
   flex-direction: column;
   min-height: 100%;
+  font-family: sans-serif;
 }
 
 #banner {
@@ -81,18 +82,16 @@ body {
 }
 
 #entry-form {
-  display: flex;
+  display: grid;
+  grid-template-columns: 73% 27%;
+  height: 100%;
 
   fieldset {
     border: 0;
   }
 
-  #content {
-    width: 77%;
-  }
-
   #details {
-    width: 23%;
+    min-width: 0;
     display: flex;
     flex-direction: column;
     padding-left: 0;
@@ -111,6 +110,16 @@ body {
     }
   }
 
+  .url-field {
+    label {
+      display: none;
+    }
+
+    input {
+      width: 100%;
+    }
+  }
+
   .slug-field {
     display: flex;
     font-size: 0.75em;
@@ -132,9 +141,29 @@ body {
   }
 
   .body-field {
+    height: 100%;
+
     label {
       display: none;
     }
+
+    textarea {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .halfbody-field {
+    height: 40%;
+
+    label {
+      display: none;
+    }
+
+    textarea {
+      width: 100%;
+      height: 100%;
+    }
   }
 }
 
@@ -182,6 +211,23 @@ body {
   border-radius: 5px;
   padding: .5em;
   margin-bottom: 1em;
+
+  h4 {
+    margin-top: 0;
+    margin-bottom: 0.5em;
+  }
+
+  img {
+    max-width: 100%;
+  }
+}
+
+.image-uploads {
+  pre {
+    overflow: auto;
+    max-width: 100%;
+    padding-bottom: 1em;
+  }
 }
 
 .should-create-record-field {
@@ -196,6 +242,14 @@ body {
   }
 }
 
+.tags-field {
+  label {
+    font-size: .75em;
+    display: block;
+    margin-bottom: 0.5em;
+  }
+}
+
 .record-description-field {
   display: none;
   margin-top: 1em;