From 5f9022a001839600aea65511fc3cb5fe47846c7f Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Fri, 30 Aug 2024 20:45:15 +0100
Subject: [PATCH] move clone button

based on feedback that user didn't see it because it was too
far to the right
---
 src/lib/components/repo/RepoDetails.svelte | 86 +++++++++++-----------
 1 file changed, 42 insertions(+), 44 deletions(-)

diff --git a/src/lib/components/repo/RepoDetails.svelte b/src/lib/components/repo/RepoDetails.svelte
index fe3005f..2bacb19 100644
--- a/src/lib/components/repo/RepoDetails.svelte
+++ b/src/lib/components/repo/RepoDetails.svelte
@@ -55,9 +55,48 @@
 </script>
 
 <div class="prose w-full max-w-md">
-  {#if !loading}
-    <div class="clearfix">
-      <div class="dropdown dropdown-end float-right">
+  {#if event_not_found}
+    <h4 class="mt-0 pt-1">identifier</h4>
+    <p class="my-2 break-words text-sm">{identifier}</p>
+  {:else}
+    {#if name == identifier}
+      {#if loading}
+        <div class="skeleton my-3 h-5 w-20"></div>
+        <div class="skeleton my-2 h-4"></div>
+        <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
+      {:else if !name || name.length == 0}
+        <h4 class="mt-0 pt-1">name / identifier</h4>
+        <div>none</div>
+      {:else}
+        <h4 class="mt-0 pt-1">name / identifier</h4>
+        <p class="my-2 break-words text-sm">{name}</p>
+      {/if}
+    {:else}
+      {#if loading}
+        <div class="skeleton my-3 h-5 w-20"></div>
+        <div class="skeleton my-2 h-4"></div>
+        <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
+      {:else if !name || name.length == 0}
+        <h4>name</h4>
+        <div>none</div>
+      {:else}
+        <h4>name</h4>
+        <p class="my-2 break-words text-sm">{name}</p>
+      {/if}
+      {#if loading}
+        <div class="skeleton my-3 h-5 w-20"></div>
+        <div class="skeleton my-2 h-4"></div>
+        <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
+      {:else if !identifier || identifier.length == 0}
+        <h4>identifier</h4>
+        <div>none</div>
+      {:else}
+        <h4>identifier</h4>
+        <p class="my-2 break-words text-sm">{identifier}</p>
+      {/if}
+    {/if}
+    {#if !loading}
+      <div class="dropdown dropdown-end mt-3">
         <div tabIndex={0} class="btn btn-success btn-sm text-base-400">
           clone
           <svg
@@ -124,47 +163,6 @@
           </li>
         </ul>
       </div>
-    </div>
-  {/if}
-  {#if event_not_found}
-    <h4 class="mt-0 pt-1">identifier</h4>
-    <p class="my-2 break-words text-sm">{identifier}</p>
-  {:else}
-    {#if name == identifier}
-      {#if loading}
-        <div class="skeleton my-3 h-5 w-20"></div>
-        <div class="skeleton my-2 h-4"></div>
-        <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
-      {:else if !name || name.length == 0}
-        <h4 class="mt-0 pt-1">name / identifier</h4>
-        <div>none</div>
-      {:else}
-        <h4 class="mt-0 pt-1">name / identifier</h4>
-        <p class="my-2 break-words text-sm">{name}</p>
-      {/if}
-    {:else}
-      {#if loading}
-        <div class="skeleton my-3 h-5 w-20"></div>
-        <div class="skeleton my-2 h-4"></div>
-        <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
-      {:else if !name || name.length == 0}
-        <h4>name</h4>
-        <div>none</div>
-      {:else}
-        <h4>name</h4>
-        <p class="my-2 break-words text-sm">{name}</p>
-      {/if}
-      {#if loading}
-        <div class="skeleton my-3 h-5 w-20"></div>
-        <div class="skeleton my-2 h-4"></div>
-        <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
-      {:else if !identifier || identifier.length == 0}
-        <h4>identifier</h4>
-        <div>none</div>
-      {:else}
-        <h4>identifier</h4>
-        <p class="my-2 break-words text-sm">{identifier}</p>
-      {/if}
     {/if}
     {#if loading}
       <div class="skeleton my-3 h-5 w-20"></div>