i guess my captions commit got lost somewhere [ci skip]

app/assets/javascripts/app/views/small_frame.js

@@ -37,7 +37,7 @@ app.views.SmallFrame = app.views.Base.extend({
       textClass = "blog-text x2 width"
     } else if(text.length > 140) {
       textClass = randomColor
-    } else if(text.length > 50) {
+    } else if(text.length > 40) {
       textClass = randomColor
     } else {
       textClass =  "big-text " + randomColor

app/assets/stylesheets/new_styles/_canvas.scss

@@ -109,8 +109,9 @@ body {
   .info {
     @include transition(bottom);
     @include opacity(0.8);
+    @include box-shadow(0,-1px,3px,rgba(0,0,0,0.3));
 
-    background-color : rgba(255,255,255,0.4);
+    background-color : rgba(255,255,255,0.8);
 
     position : absolute;
     bottom : -30px;
@@ -118,6 +119,8 @@ body {
     text-align : center;
     width : 100%;
 
+    z-index : 30;
+
     padding : 5px;
     padding-right : 8px;
     i {
@@ -212,6 +215,22 @@ body {
     }
   }
 
+  &.day:not(.sticky-note),
+  &.night:not(.sticky-note),
+  &.multi-photo:not(.sticky-note) {
+    .text-content {
+      @include opacity(1);
+      padding : 10px 20px;
+      font-size : 14px;
+      line-height : 18px;
+      color : #444;
+
+      p:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+
   &.big-text {
     .text-content {
       p {
@@ -254,15 +273,13 @@ body {
       }
     }
 
-
-
     .text-content {
       position: absolute;
       left: 0;
       width: 100%;
       top: 40%;
       @include centered-frame();
-      font-size: 3em;
+      font-size: 2em;
       color: white;
       @include opacity(1);
       text-shadow : none;

app/assets/stylesheets/new_styles/_typography.scss

@@ -6,4 +6,8 @@
 
 body, p, h1, h2, h3, h4, h5, h6, textarea, input, * {
   font-family : Roboto, Helvetica, sans;
+}
+
+a {
+  font-family : inherit;
 }