@@ -3,7 +3,7 @@
 {{ define "repoContent" }}
     <main>
       {{ block "branchSelector" . }} {{ end }}
-        <div class="flex gap-2">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
           {{ block "fileTree" . }} {{ end }}
           {{ block "commitLog" . }} {{ end }}
         </div>
@@ -57,7 +57,7 @@ </div>
 {{ end }}
 
 {{ define "fileTree" }}
-<div id="file-tree" class="w-3/5 pr-2 border-r border-gray-200">
+<div id="file-tree" class="col-span-1 pr-2 md:border-r md:border-gray-200">
     {{ $containerstyle := "py-1" }}
     {{ $linkstyle := "no-underline hover:underline" }}
 
@@ -115,7 +115,7 @@ {{ end }}
 
 
 {{ define "commitLog" }} 
-<div id="commit-log" class="flex-1">
+<div id="commit-log" class="hidden md:block md:col-span-1">
     {{ range .Commits }}
           <div class="relative px-2 pb-8">
               <div id="commit-message">
@@ -174,11 +174,11 @@ <div
                       class="inline-block px-1 select-none after:content-['·']"
                   ></div>
                   <span>{{ timeFmt .Author.When }}</span>
-                  <div
-                      class="inline-block px-1 select-none after:content-['·']"
-                  ></div>
                   {{ $tagsForCommit := index $.TagMap .Hash.String }}
                   {{ range $tagsForCommit }}
+                    <div
+                        class="inline-block px-1 select-none after:content-['·']"
+                    ></div>
                     <span class="text-xs rounded-full bg-gray-700 text-white px-2 mx-1/2 inline-flex items-center">
                       {{ . }}
                     </span>

@@ -128,6 +128,9 @@ }
         textarea {
             @apply bg-white border border-black rounded-sm focus:ring-black p-2;
         }
+        details summary::-webkit-details-marker {
+          display: none;
+        }
     }
 
     @layer components {