diff --git a/src/lib/components/entrySummaryView.svelte b/src/lib/components/entrySummaryView.svelte
index 2502eac..578878c 100644
--- a/src/lib/components/entrySummaryView.svelte
+++ b/src/lib/components/entrySummaryView.svelte
@@ -8,14 +8,14 @@
     const formattedDate = formatDate(entry.date);
 </script>
 
-<li class="bg-white/30 rounded-2xl mb-4 p-3" onclick={clickCB}>
+<li class="bg-white/15 rounded-2xl mb-4 p-3" onclick={clickCB}>
     <div class="flex flex-row">
         <div>
             <p class="text-sm text-white/60">{formattedDate}</p>
             {@html generateHTML(entry.content, [StarterKit])}
         </div>
         <img
-            class="max-h-30 min-h-15 rounded-xl object-cover ml-auto"
+            class="max-h-30 min-h-15 max-w-1/2 rounded-xl object-cover ml-auto"
             src={entry.image}
         />
     </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 84a8945..c2cb0f6 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -17,23 +17,25 @@
     }
 </script>
 
-<div class="flex flex-col md:flex-row  md:space-x-4 space-y-4 w-full">
-        <div class="md:w-1/2">
-            <Calendar />
-            <ul class="mt-4">
-                {#each data.all as entry}
-                    <EntrySummaryView clickCB={async () => await selectEntry(entry.id)} {entry} />
-                {/each}
-            </ul>
-        </div>
+<div class="flex flex-col md:flex-row space-y-4 w-full mt-6">
+    
+    <div class="md:w-1/2 md:order-2">
+        {#if selectedEntry}
+            <Editor bind:edit bind:entry={selectedEntry} />
+        {:else}
+            <div class="md:flex flex-col items-center justify-center mx-5 hidden">
+                <p class="text-white/60">Select an entry to view/edit</p>
+            </div>
+        {/if}
+    </div>
+    
+    <div class="md:w-1/2 md:mr-4">
+        <ul>
+            {#each data.all as entry}
+                <EntrySummaryView clickCB={async () => await selectEntry(entry.id)} {entry} />
+            {/each}
+        </ul>
+    </div>
+        
         
-        <div id="right" class="md:w-1/2">
-            {#if selectedEntry}
-                <Editor bind:edit bind:entry={selectedEntry} />
-            {:else}
-                <div class="flex flex-col items-center justify-center h-full">
-                    <p class="text-white/60">Select an entry to view/edit</p>
-                </div>
-            {/if}
-        </div>
     </div>
\ No newline at end of file