Added object type headers to object views

Author: Visual-Vincent

GuiStack/Pages/S3/Index.cshtml

@@ -3,7 +3,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  * 
- * Copyright © Vincent Bengtsson & Contributors 2022
+ * Copyright © Vincent Bengtsson & Contributors 2022-2024
  * https://github.com/Visual-Vincent/GuiStack
  *@
 
@@ -35,8 +35,9 @@
 
 @if(hasBucketName)
 {
+    <p class="gs-object-type">S3 Bucket</p>
     <div style="display: flex; align-items: center">
-        <h1>@Model.Bucket</h1>
+        <h1 style="margin-top: 0px">@Model.Bucket</h1>
         <div style="text-align: right; font-size: 1.5em; flex-grow: 1">
             <a no-href onclick="document.getElementById('s3-fileupload').click()" class="initial-white neon-green">
                 <i class="fa-solid fa-arrow-up-from-bracket"></i>

GuiStack/Pages/SNS/Index.cshtml

@@ -23,7 +23,8 @@
 
 @if(hasTopicArn)
 {
-    <h1>@Model.Topic.Split(':').Last()</h1>
+    <p class="gs-object-type">SNS Topic</p>
+    <h1 class="gs-object-name">@Model.Topic.Split(':').Last()</h1>
 }
 else
 {

GuiStack/Pages/SQS/Index.cshtml

@@ -3,7 +3,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  * 
- * Copyright © Vincent Bengtsson & Contributors 2022
+ * Copyright © Vincent Bengtsson & Contributors 2022-2024
  * https://github.com/Visual-Vincent/GuiStack
  *@
 
@@ -22,7 +22,8 @@
 
 @if(hasQueueName)
 {
-    <h1>@Model.Queue</h1>
+    <p class="gs-object-type">SQS Queue</p>
+    <h1 class="gs-object-name">@Model.Queue</h1>
 }
 else
 {

GuiStack/wwwroot/css/site.css

@@ -240,6 +240,17 @@ a.gs-button:active { background: #005577; }
     background: #4d5054;
 }
 
+.gs-object-type
+{
+    color: #999999;
+    margin-bottom: 0px;
+}
+
+.gs-object-type + .gs-object-name
+{
+    margin-top: 0px;
+}
+
 .gs-dashboard
 {
     display: grid;