Allow user to select actual version of a mod

src/css/templates/index.scss

@@ -10,6 +10,7 @@ All rights reserved.
 @import 'feedback';
 @import 'inventory';
 @import 'item_page';
+@import 'mod';
 @import 'mod_pack';
 @import 'recipe';
 @import 'stack';

src/css/templates/mod.scss

@@ -0,0 +1,35 @@
+/*
+Crafting Table - mod.scss
+
+Copyright (c) 2014-2015 by Redwood Labs
+All rights reserved.
+*/
+
+.view__mod {
+    position: relative; width: 100%;
+    padding: 1em;
+
+    div, p {
+        display: inline-block;
+    }
+
+    .version {
+        position: relative; width: 10em;
+        margin-right: 1em;
+    }
+
+    .name {
+        position: relative; width: 15em;
+        margin-right: 1em;
+
+        p {
+            font-family: $font-family-normal;
+            font-size: $font-size-normal;
+//            text-decoration: underline;
+        }
+    }
+
+    &.disabled {
+        p { color: $color-gray-light; }
+    }
+}

src/css/templates/mod_pack.scss

@@ -7,21 +7,12 @@ All rights reserved.
 
 .view__mod_pack {
 
-    input { border: 0; font-size: 1.5em; width: 90%; }
+    input {
+        border: 0; font-size: 1.5em; width: 90%;
+    }
 
-    table {
-        margin: 0 auto;
-        width: 100%;
-
-        td {
-            position: relative; height: 2 * $font-size-normal;
-            padding: 0 1em;
-            vertical-align: middle;
-        }
-
-        td:nth-child(1) { width: 5%; }
-        td:nth-child(2) { width: 30%; }
-        td:nth-child(3) { width: 65%; border-left: 0.1em solid $color-brick-light; }
+    .mods {
+        position: relative; width: 100%;
     }
 
     .panel {
@@ -29,13 +20,13 @@ All rights reserved.
     }
 
     .toolbar {
-        position: relative; width: 35%;
+        position: relative; width: 100%;
         margin-top: 1em;
         padding: 1em 1em;
-        text-align: center;
+        text-align: left;
 
         button {
-            position: relative; width: 66%;
+            position: relative; width: 20em;
         }
     }
 }