From 77eaa3be6a9604d25dd72e9f50aaed3c784088c3 Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Sat, 16 Mar 2024 10:49:02 +0100
Subject: [PATCH] feat(users): enhance category page layout and permissions

Updated the category listing page to improve visual layout by adjusting
the column widths for better readability and user experience.
Additionally, clarified the interaction possibilities between
categorized content with a slight modification in the description,
emphasizing teleports among VR projects.

Expanded the visibility of category ownership to include superusers,
ensuring they have necessary oversight across all categories, regardless
of personal ownership. This change aims to streamline project management
and enhance administrative capabilities.

These adjustments contribute to a more intuitive navigation and
management experience for users while providing superusers with better
control and oversight over category interactions and ownership.
---
 .../users/templates/users/categories.html     | 29 ++++++++++---------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/quackscape/users/templates/users/categories.html b/quackscape/users/templates/users/categories.html
index db2cc5e..aad002c 100644
--- a/quackscape/users/templates/users/categories.html
+++ b/quackscape/users/templates/users/categories.html
@@ -1,27 +1,28 @@
 {% extends "users/base.html" %} {% block content %}
 <div class="row">
-  <p>
-    This page lists your categories, and the categories you were invited to.
-  </p>
-  <p>
-    Think of categories as a way to organize your VR projects. All content you
-    create will be associated with a category, and can be interacted with by
-    other content within the same category.
-  </p>
+  <div class="col-md-12">
+    <p>
+      This page lists your categories, and the categories you were invited to.
+    </p>
+    <p>
+      Think of categories as a way to organize your VR projects. All content you
+      create will be associated with a category, and can be interacted with
+      (through teleports, etc.) by other content within the same category.
+    </p>
+  </div>
 </div>
 <div class="row">
-  <div class="col-md-6">
+  <div class="col-md-12">
     <div class="d-flex justify-content-between align-items-center">
-      <h4>Available media</h4>
+      <h4>Available categories</h4>
       <button type="button" class="btn btn-primary">Create category</button>
     </div>
     <ul>
       {% for category in categories %}
       <li>
-        <a href="/users/category/{{ category.id }}/">{{ category.title }} </a>
-        {% if category.owner != request.user %}
-            (owner: {{ category.owner.email }})
-        {% endif %}
+        <a href="/users/category/{{ category.id }}/">{{ category.title }}</a>
+        {% if request.user.is_superuser or category.owner != request.user %}
+        (owner: {{ category.owner.email }}) {% endif %}
       </li>
       {% endfor %}
     </ul>