appview: improve logged-out CTAs

Signed-off-by: oppiliappan <[e-mail]>

appview/pages/templates/repo/fragments/labelPanel.html

···
 {{ define "repo/fragments/labelPanel" }}
-  <div id="label-panel" class="flex flex-col gap-6 px-6 md:px-0">
+  <div id="label-panel" class="flex flex-col gap-6 px-2 md:px-0">
     {{ template "basicLabels" . }}
     {{ template "kvLabels" . }}
   </div>

appview/pages/templates/repo/fragments/participants.html

···
 {{ define "repo/fragments/participants" }}
   {{ $all := . }}
   {{ $ps := take $all 5 }}
-  <div class="px-6 md:px-0">
+  <div class="px-2 md:px-0">
     <div class="py-1 flex items-center text-sm">
       <span class="font-bold text-gray-500 dark:text-gray-400 capitalize">Participants</span>
       <span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 ml-1">{{ len $all }}</span>

appview/pages/templates/repo/issues/fragments/newComment.html

···
     </div>
   </form>
   {{ else }}
-    <div class="bg-white dark:bg-gray-800 rounded drop-shadow-sm py-4 px-4 relative w-fit">
-      <a href="/login" class="underline">login</a> to join the discussion
+    <div class="bg-amber-50 dark:bg-amber-900 border border-amber-500 rounded drop-shadow-sm p-6 relative flex gap-2 items-center">
+      <a href="/signup" class="btn-create py-0 hover:no-underline hover:text-white flex items-center gap-2">
+        sign up
+      </a>
+      <span class="text-gray-500 dark:text-gray-400">or</span>
+      <a href="/login" class="underline">login</a>
+      to add to the discussion
     </div>
   {{ end }}
 {{ end }}

appview/pages/templates/repo/pulls/pull.html

···
           {{ if $.LoggedInUser }}
             {{ template "repo/pulls/fragments/pullActions" (dict "LoggedInUser" $.LoggedInUser "Pull" $.Pull "RepoInfo" $.RepoInfo "RoundNumber" .RoundNumber "MergeCheck" $.MergeCheck "ResubmitCheck" $.ResubmitCheck "Stack" $.Stack) }}
           {{ else }}
-            <div class="bg-white dark:bg-gray-800 rounded drop-shadow-sm px-6 py-4 w-fit dark:text-white">
-              <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
-              <a href="/login" class="underline">login</a> to join the discussion
+            <div class="bg-amber-50 dark:bg-amber-900 border border-amber-500 rounded drop-shadow-sm p-2 relative flex gap-2 items-center w-fit">
+              <a href="/signup" class="btn-create py-0 hover:no-underline hover:text-white flex items-center gap-2">
+                sign up
+              </a>
+              <span class="text-gray-500 dark:text-gray-400">or</span>
+              <a href="/login" class="underline">login</a>
+              to add to the discussion
             </div>
           {{ end }}
         </div>