History support. Fixes #42

mrjoelkemp · Mar 15, 2015 · 85311d2 · 85311d2
1 parent ed8d33f
commit 85311d2
Show file tree

Hide file tree

Showing 12 changed files with 543 additions and 157 deletions.
diff --git a/.jscsrc b/.jscsrc
@@ -0,0 +1,3 @@
+{
+  "preset": "google"
+}
diff --git a/css/styles.css b/css/styles.css
diff --git a/css/styles.css.map b/css/styles.css.map
diff --git a/css/styles.scss b/css/styles.scss
@@ -17,7 +17,7 @@ body {
     width: $sidebar-width;
     display: inline-block;
     vertical-align: top;
-    text-align: center;
+    text-align: left;
     font-size: 12px;
     > div {
       padding: 5px 0;
@@ -29,22 +29,25 @@ body {
         color: black;
         font-size: 23px;
       }
+      button {
+        display: none;
+      }
     }
     .link-to-heroku {
       display: none;
     }
     .submit {
       width: 100%;
       position: relative;
-      text-align: center;
       margin-bottom: 3px;
+      font-size: 11px;
       span {
         display: block;
         font-family: Courier;
         margin-bottom: 5px;
         &.shortcut {
           border: 1px solid #ddd;
-          padding: 5px;
+          padding: 3px;
           display: inline-block !important;
         }
       }
@@ -53,6 +56,30 @@ body {
         display: none;
       }
     }
+    .share-code {
+      input {
+        width: 62%;
+      }
+    }
+    .credits {
+      width: 100%;
+      & > iframe {
+        position: relative;
+        top: -1px;
+      }
+      .fb-like {
+        top: -4px;
+      }
+    }
+    .fork-info {
+      width: 100%;
+      span {
+        font-style: italic;
+        font-size: 12px;
+        position: relative;
+        top: -5px;
+      }
+    }
   }
   .rightcol {
     width: 100% - $sidebar-width - 1%;
@@ -142,31 +169,6 @@ body {
   }
 }
 
-.fork-info {
-  width: 100%;
-  text-align: center;
-  span {
-    font-style: italic;
-    font-size: 12px;
-    position: relative;
-    top: -5px;
-  }
-}
-
-.credits {
-  width: 100%;
-  margin-top: 5px;
-  position: relative;
-  text-align: center;
-  .fb-like {
-    top: -4px;
-  }
-  span, a {
-    font-style: italic;
-    font-size: 13px;
-  }
-}
-
 .error-gutter {
   background-color: $error-red;
 }