Properly format and align project images/buttons

WasabiFan · WasabiFan · commit af2fb0e58d99 · 2016-05-13T18:36:44.000-07:00
diff --git a/projects/index.html b/projects/index.html
@@ -29,11 +29,11 @@
                 
                 {% assign num_words = 60 %}
                 <div class="col-sm-6 col-md-4">
-                    <div class="thumbnail">
+                    <div class="thumbnail project-thumbnail-container">
                         {% if post.youtube_video_id %}
                             {% assign num_words = 35 %}
                             <a href="{{ post.url }}">
-                                <img src="http://img.youtube.com/vi/{{post.youtube_video_id}}/mqdefault.jpg" alt="project thumbnail image" />
+                                <img src="http://img.youtube.com/vi/{{post.youtube_video_id}}/mqdefault.jpg" alt="{{ post.title }}" />
                             </a>
                         {% endif %}
                         <div class="caption">
diff --git a/stylesheets/page-content.scss b/stylesheets/page-content.scss
@@ -3,4 +3,18 @@
 
 .language-icon {
     height: 25px;
+}
+
+.project-thumbnail-container {
+    img {
+        margin-top: 15px;
+    }
+    
+    .caption {
+        padding-bottom: 0;
+    }
+    
+    .btn-primary {
+        width: 100%;
+    }
 }
