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.
This commit is contained in:
Peter
2025-07-14 22:49:22 +02:00
parent 974d50d7cd
commit 5a792463cc
24 changed files with 190 additions and 42 deletions
@@ -61,10 +61,14 @@
<div class="columnParagraph">
<h2>Useful Commands</h2>
<ul>
<li><span style="font-family: 'opensans-bold', sans-serif;">/mapart save -</span> Save a mapart</li>
<li><span style="font-family: 'opensans-bold', sans-serif;">/mapart remove -</span> Delete a mapart</li>
<li><span style="font-family: 'opensans-bold', sans-serif;">/mapart find -</span> See who made a specific
mapart
<li>
<span class="usefulBold">/mapart save -</span> Save a mapart
</li>
<li>
<span class="usefulBold">/mapart remove -</span> Delete a mapart
</li>
<li>
<span class="usefulBold">/mapart find -</span> See who made a specific mapart
</li>
</ul>
</div>
@@ -0,0 +1,13 @@
main ul {
font-family: 'opensans', sans-serif;
text-align: left;
}
main li {
margin-left: 30px;
padding-bottom: 10px;
}
.usefulBold {
font-family: 'opensans-bold', sans-serif;
}