Merge pull request #2170 from HarshMN2345/fix-SER-175-responsivity-fix

Author: ItzNotABug

src/routes/(console)/organization-[organization]/+page.svelte

@@ -26,6 +26,7 @@
     import { canWriteProjects } from '$lib/stores/roles';
     import { checkPricingRefAndRedirect } from '$lib/helpers/pricingRedirect';
     import { Badge, Icon, Typography, Alert, Tag, Tooltip } from '@appwrite.io/pink-svelte';
+    import { isSmallViewport } from '$lib/stores/viewport';
     import {
         IconAndroid,
         IconApple,
@@ -129,7 +130,9 @@
     }
 
     function formatName(name: string, limit: number = 19) {
-        return name ? (name.length > limit ? `${name.slice(0, limit)}...` : name) : '-';
+        const mobileLimit = 16;
+        const actualLimit = $isSmallViewport ? mobileLimit : limit;
+        return name ? (name.length > actualLimit ? `${name.slice(0, actualLimit)}...` : name) : '-';
     }
 
     $: projectsToArchive = data.projects.projects.filter(
@@ -219,6 +222,7 @@
                         {#if isSetToArchive(project)}
                             <Tag
                                 size="s"
+                                style="white-space: nowrap;"
                                 on:click={(event) => {
                                     event.preventDefault();
                                     showSelectProject = true;