diff --git a/css/style.css b/css/style.css
index bc17a22..14da043 100644
--- a/css/style.css
+++ b/css/style.css
@@ -123,32 +123,35 @@
 }
 .flickity-button {
   background: #588597;
-  }
+}
+
+/* Spells */
 .container {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: stretch;
-
 }
-.list-col{
-  flex-grow: 2;
-  min-width: 600px;
-} 
+.list-col {
+  width: 75%;
+  float: left;
+}
 .view-col {
-  flex-grow: 1;
+  width: 25%;
+  float: left;
 }
-@media screen and (min-width: 768px) {
-    
-  .list-col {
-    margin-right: 1%;
-  }
+ @media screen and (max-width: 768px) {
+  .list-col,
   .view-col {
-    
-    max-width: 600px;
+    width: 100%;
+    float: none;
   }
-}
-  
+
+  .list-col{
+    zoom:70%
+  };
+} 
+
 .w2ui-grid-data {
   color: black;
   word-wrap: normal;
@@ -158,5 +161,4 @@
   white-space: break-spaces;
 }
 .w2ui-grid .w2ui-grid-body table {
-
-}
\ No newline at end of file
+}
diff --git a/js/spells.js b/js/spells.js
index db5012b..866133e 100644
--- a/js/spells.js
+++ b/js/spells.js
@@ -38,11 +38,10 @@ fetch(jsonsource)
           searchable: { operator: "contains" },
         },
         {
-          field: "desc",
-          text: "Description",
-          size: "500%",
-          style: "test",
-          resizable: true,
+          field: "source",
+          text: "Source",
+          sortable: true,
+          tooltip: "Which book is this from ?",
           searchable: { operator: "contains" },
           render(record, extra) {
             return (
@@ -52,13 +51,6 @@ fetch(jsonsource)
             );
           },
         },
-        {
-          field: "source",
-          text: "Source",
-          sortable: true,
-          tooltip: "Which book is this from ?",
-          searchable: { operator: "contains" },
-        },
         { field: "page", text: "Page", sortable: true },
         { field: "level", text: "Level", sortable: true, size: 65 },
         { field: "school", text: "School", sortable: true },