From 9210a9c3b96069f69b2983e4df4d94644e21d2eb Mon Sep 17 00:00:00 2001
From: Thomas G <62822072+Thomasluigi07@users.noreply.github.com>
Date: Sat, 15 Oct 2022 01:38:43 +1100
Subject: [PATCH] Update catalog.blade.php

---
 resources/views/pages/catalog.blade.php | 96 +++++++++++++++++++++----
 1 file changed, 84 insertions(+), 12 deletions(-)

diff --git a/resources/views/pages/catalog.blade.php b/resources/views/pages/catalog.blade.php
index 477e6e8..8a9a81d 100644
--- a/resources/views/pages/catalog.blade.php
+++ b/resources/views/pages/catalog.blade.php
@@ -29,73 +29,145 @@
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>ARCHBLOX Visor</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>Placeholder Item</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!@#$%^&*(),.?</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>Real Item</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>Fake Item</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>Fortnite BALLS</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>Angry Luigi</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>T-Shirt</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>Ok</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>No More ITEMS!</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>Shut up!</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>No.</p>
-                <p>By <a href="#">OnlyTwentyCharacters</a></p>
+                <div class="content_special">
+                    <p style="padding-right: 5px;">By</p> 
+                    <a href="#" style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    overflow-wrap: normal;">OnlyTwentyCharacters</a>
+                </div>                
                 <strong><img class="arkoticon_small" src="{{ asset('img/arkot.png') }}">10</strong>
             </div>
         </div>