Update responsive styles and class names for consistency

Refactored multiple components to improve responsive design, ensuring better usability on smaller screens. Standardized class names for clarity and consistency, and adjusted layouts and styles to enhance overall alignment and accessibility.
2025-07-14 22:49:22 +02:00
parent 974d50d7cd
commit 5a792463cc
24 changed files with 190 additions and 42 deletions
@@ -19,8 +19,8 @@
            <p>To claim land, you will need some basic tools: a golden shovel, and a stick. You can craft these items
              yourself or do <b>/claim</b> to receive them for free. The shovel is used for modifying claims and the
              stick is used for viewing claim information.</p>
-            <img ngSrc="/public/img/items/shovel.png" alt="Minecraft golden shovel" style="width: 25%;" height="114"
-                 width="114">
+            <img ngSrc="/public/img/items/shovel.png" alt="Minecraft golden shovel"
+                 class="shovelClaiming" style="width: 25%;" height="114" width="114">
            <p>Players start with an allowance of 500 “claim blocks” and can purchase additional “claim blocks” with
              in-game currency using <span style="font-family: 'opensans-bold', sans-serif;">/buyclaimblocks</span>. How
              many claims you can create depends on the rank you have - the amount can be found on the <a