From c928214a833cb108cfbc4a06daa56af2ab573c56 Mon Sep 17 00:00:00 2001
From: Charles Morgan <sir3lit@gmail.com>
Date: Tue, 22 Sep 2020 22:37:41 -0400
Subject: [PATCH] Fix overflows through out the front end (#2382)

* Fix overflows through out the front end

Fixed Server row overflow for servers name and description
Fixed Sub-user overflow for users with oddly long emails....
Fixed Server new overflow on console view.

See Attached images.

* Remove conflicting server name limits
---
 resources/scripts/components/dashboard/ServerRow.tsx  | 4 ++--
 resources/scripts/components/server/ServerConsole.tsx | 2 +-
 resources/scripts/components/server/users/UserRow.tsx | 2 +-
 resources/views/admin/servers/new.blade.php           | 2 +-
 resources/views/admin/servers/view/details.blade.php  | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/scripts/components/dashboard/ServerRow.tsx b/resources/scripts/components/dashboard/ServerRow.tsx
index 559932714..b9979858a 100644
--- a/resources/scripts/components/dashboard/ServerRow.tsx
+++ b/resources/scripts/components/dashboard/ServerRow.tsx
@@ -59,9 +59,9 @@ export default ({ server, className }: { server: Server; className?: string }) =
                 <FontAwesomeIcon icon={faServer}/>
             </div>
             <div css={tw`flex-1 md:ml-4`}>
-                <p css={tw`text-lg`}>{server.name}</p>
+                <p css={tw`text-lg break-all`}>{server.name}</p>
                 {!!server.description &&
-                <p css={tw`text-sm text-neutral-300`}>{server.description}</p>
+                <p css={tw`text-sm text-neutral-300 break-all`}>{server.description}</p>
                 }
             </div>
             <div css={tw`w-48 overflow-hidden self-start hidden lg:block`}>
diff --git a/resources/scripts/components/server/ServerConsole.tsx b/resources/scripts/components/server/ServerConsole.tsx
index 05c100414..d3068c8f1 100644
--- a/resources/scripts/components/server/ServerConsole.tsx
+++ b/resources/scripts/components/server/ServerConsole.tsx
@@ -65,7 +65,7 @@ export default () => {
     return (
         <ServerContentBlock title={'Console'} css={tw`flex flex-wrap`}>
             <div css={tw`w-full md:w-1/4`}>
-                <TitledGreyBox title={name} icon={faServer}>
+                <TitledGreyBox css={tw`break-all`} title={name} icon={faServer}>
                     <p css={tw`text-xs uppercase`}>
                         <FontAwesomeIcon
                             icon={faCircle}
diff --git a/resources/scripts/components/server/users/UserRow.tsx b/resources/scripts/components/server/users/UserRow.tsx
index 829a3763f..a7d54fb4e 100644
--- a/resources/scripts/components/server/users/UserRow.tsx
+++ b/resources/scripts/components/server/users/UserRow.tsx
@@ -31,7 +31,7 @@ export default ({ subuser }: Props) => {
                 <img css={tw`w-full h-full`} src={`${subuser.image}?s=400`}/>
             </div>
             <div css={tw`ml-4 flex-1`}>
-                <p css={tw`text-sm truncate`}>{subuser.email}</p>
+                <p css={tw`text-sm break-all`}>{subuser.email}</p>
             </div>
             <div css={tw`ml-4`}>
                 <p css={tw`font-medium text-center`}>
diff --git a/resources/views/admin/servers/new.blade.php b/resources/views/admin/servers/new.blade.php
index 47f6d06ba..609c80f0a 100644
--- a/resources/views/admin/servers/new.blade.php
+++ b/resources/views/admin/servers/new.blade.php
@@ -32,7 +32,7 @@
                         <div class="form-group">
                             <label for="pName">Server Name</label>
                             <input type="text" class="form-control" id="pName" name="name" value="{{ old('name') }}" placeholder="Server Name">
-                            <p class="small text-muted no-margin">Character limits: <code>a-z A-Z 0-9 _ - .</code> and <code>[Space]</code> (max 200 characters).</p>
+                            <p class="small text-muted no-margin">Character limits: <code>a-z A-Z 0-9 _ - .</code> and <code>[Space]</code>.</p>
                         </div>
 
                         <div class="form-group">
diff --git a/resources/views/admin/servers/view/details.blade.php b/resources/views/admin/servers/view/details.blade.php
index 6499eb787..38c3a487d 100644
--- a/resources/views/admin/servers/view/details.blade.php
+++ b/resources/views/admin/servers/view/details.blade.php
@@ -32,7 +32,7 @@
                     <div class="form-group">
                         <label for="name" class="control-label">Server Name <span class="field-required"></span></label>
                         <input type="text" name="name" value="{{ old('name', $server->name) }}" class="form-control" />
-                        <p class="text-muted small">Character limits: <code>a-zA-Z0-9_-</code> and <code>[Space]</code> (max 35 characters).</p>
+                        <p class="text-muted small">Character limits: <code>a-zA-Z0-9_-</code> and <code>[Space]</code>.</p>
                     </div>
                     <div class="form-group">
                         <label for="external_id" class="control-label">External Identifier</label>