[VIEWS] Minor proofreading of templates and css

public/assets/css/base.css

@@ -232,7 +232,7 @@ input.larger {
 .content input[type="checkbox"]:focus + label::before,
 .content input[type="checkbox"]:hover + label::before{
       border-radius: 10%;
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }
 .content input[type="checkbox"] {
       position: absolute;
@@ -269,7 +269,7 @@ input.larger {
 .content input[type="radio"]:focus + label::before,
 .content input[type="radio"]:hover + label::before{
       border-radius: 50%;
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }
 .content input[type="radio"] {
       position: absolute;
@@ -294,7 +294,7 @@ input.larger {
 .create-notice button[type=submit]:focus,
 .create-notice button[type=submit]:hover {
       border-radius: var(--unit-size);
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }
 
 .avatar {

public/assets/css/base_mid.css

@@ -127,7 +127,7 @@ b {
       transform: translateY(6px);
 }
 #toggle:checked+div label{
-      width: 0px;
+      width: 0;
 }
 #toggle:checked+div label::before {
       transform: rotate(45deg);
@@ -260,7 +260,7 @@ input.larger {
 .content input[type="checkbox"]:focus + label::before,
 .content input[type="checkbox"]:hover + label::before{
       border-radius: 10%;
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }
 .content input[type="checkbox"] {
       position: absolute;
@@ -294,7 +294,7 @@ input.larger {
 .content input[type="radio"]:focus + label::before,
 .content input[type="radio"]:hover + label::before{
       border-radius: 50%;
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }
 .content input[type="radio"] {
       position: absolute;
@@ -319,7 +319,7 @@ input.larger {
 .create-notice button[type=submit]:focus,
 .create-notice button[type=submit]:hover {
       border-radius: var(--small-size);
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }
 
 .avatar {

public/assets/css/base_small.css

@@ -126,7 +126,7 @@ b {
       transform: translateY(6px);
 }
 #toggle:checked+div label{
-      width: 0px;
+      width: 0;
 }
 #toggle:checked+div label::before {
       transform: rotate(45deg);
@@ -260,7 +260,7 @@ input.larger {
 .content input[type="checkbox"]:focus + label::before,
 .content input[type="checkbox"]:hover + label::before{
       border-radius: 10%;
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }
 .content input[type="checkbox"] {
       position: absolute;
@@ -294,7 +294,7 @@ input.larger {
 .content input[type="radio"]:focus + label::before,
 .content input[type="radio"]:hover + label::before{
       border-radius: 50%;
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }
 .content input[type="radio"] {
       position: absolute;
@@ -319,7 +319,7 @@ input.larger {
 .create-notice button[type=submit]:focus,
 .create-notice button[type=submit]:hover {
       border-radius: var(--small-size);
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }
 
 .avatar {

public/assets/css/doc/doc_mid.css

@@ -19,7 +19,7 @@
       padding: var(--medium-size);
       font-size: var(--medium-size);
       font-family: var(--head-font);
-      box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
+      box-shadow: 0 0 60px -20px rgba(0, 0, 0, 0.75);
 }
 
 .faq-nav ul {
@@ -61,13 +61,12 @@
       order: 2;
       background-color: #00000050;
       font-size: var(--small-size);
-      padding: calc(3*var(--unit-size));
+      padding: var(--unit-size) calc(3 * var(--unit-size)) calc(3 * var(--unit-size));
-      padding-top: var(--unit-size);
       border-radius: var(--unit-size);
       margin-top: calc(2 * var(--unit-size));
       margin-right: var(--side-margin);
       margin-left: var(--side-margin);
-      box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
+      box-shadow: 0 0 60px -20px rgba(0, 0, 0, 0.75);
 }
 
 .markd h2 {

public/assets/css/doc/doc_small.css

@@ -6,7 +6,7 @@
       align-items: center;
       margin-left: 0;
       margin-right: 0;
-      box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
+      box-shadow: 0 0 60px -20px rgba(0, 0, 0, 0.75);
       height: 100%;
 }
 
@@ -61,13 +61,12 @@
       order: 2;
       background-color: #00000050;
       font-size: var(--small-size);
-      padding: calc(3*var(--unit-size));
+      padding: var(--unit-size) calc(3 * var(--unit-size)) calc(3 * var(--unit-size));
-      padding-top: var(--unit-size);
       border-radius: var(--unit-size);
       margin-top: calc(2 * var(--unit-size));
       margin-right: 1%;
       margin-left: 1%;
-      box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
+      box-shadow: 0 0 60px -20px rgba(0, 0, 0, 0.75);
 }
 
 .markd h2 {

public/assets/css/login/login.css

@@ -63,13 +63,13 @@ form button[type=submit] {
 form button[type=submit]:focus,
 form button[type=submit]:hover {
     border-radius: var(--unit-size);
-    box-shadow: 0 0px 8px var(--accent);
+    box-shadow: 0 0 8px var(--accent);
 }
 
 #login-notes {
-    margin: 0px;
+    margin: 0;
 }
 
 #login-main {
-    border: 0px;
+    border: 0;
 }

public/assets/css/network/public.css

@@ -379,8 +379,8 @@
 }
 
 #post_attachments {
-    width: 0.1px;
+    width: 0;
-    height: 0.1px;
+    height: 0;
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -392,7 +392,7 @@
 #post_attachments:focus + label,
 #post_attachments + label:hover {
     border-radius: var(--unit-size);
-    box-shadow: 0 0px 8px var(--accent);
+    box-shadow: 0 0 8px var(--accent);
 }
 .icon-attach {
     width: var(--main-size);

public/assets/css/network/public_mid.css

@@ -378,8 +378,8 @@
 }
 
 #post_attachments {
-    width: 0.1px;
+    width: 0;
-    height: 0.1px;
+    height: 0;
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -391,7 +391,7 @@
 #post_attachments:focus + label,
 #post_attachments + label:hover {
     border-radius: var(--unit-size);
-    box-shadow: 0 0px 8px var(--accent);
+    box-shadow: 0 0 8px var(--accent);
 }
 .icon-attach {
     width: var(--main-size);

public/assets/css/network/public_small.css

@@ -377,8 +377,8 @@
 }
 
 #post_attachments {
-    width: 0.1px;
+    width: 0;
-    height: 0.1px;
+    height: 0;
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -390,7 +390,7 @@
 #post_attachments:focus + label,
 #post_attachments + label:hover {
     border-radius: var(--unit-size);
-    box-shadow: 0 0px 8px var(--accent);
+    box-shadow: 0 0 8px var(--accent);
 }
 .icon-attach {
     width: var(--main-size);

public/assets/css/settings/settings.css

@@ -63,7 +63,7 @@
       font-weight: 700;
 }
 
-.secundary {
+.secondary {
       display: flex;
       flex-wrap: wrap;
       background-color: var(--bg3);
@@ -264,7 +264,7 @@ input[type=radio] {
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;
-      box-shadow: 0;
+      box-shadow: none;
       border-radius: 0 0 var(--unit-size) var(--unit-size);
       font-size: var(--unit-size);
 }
@@ -275,7 +275,7 @@ input[type=radio] {
       margin-bottom: calc(var(--unit-size) * 0.5);
 }
 
-.secundary button[type=submit] {
+.secondary button[type=submit] {
       background: var(--bg1);
       padding: 0.6em 1.2em;
       color: var(--fg);
@@ -286,8 +286,8 @@ input[type=radio] {
       font-family: 'Montserrat', sans-serif;
       font-weight: 700;
 }
-.secundary button[type=submit]:focus,
+.secondary button[type=submit]:focus,
-.secundary button[type=submit]:hover {
+.secondary button[type=submit]:hover {
       border-radius: var(--unit-size);
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }

public/assets/css/settings/settings_mid.css

@@ -63,7 +63,7 @@
       font-weight: 700;
 }
 
-.secundary {
+.secondary {
       display: flex;
       flex-wrap: wrap;
       background-color: var(--bg3);
@@ -252,7 +252,7 @@ input[type=radio] {
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;
-      box-shadow: 0;
+      box-shadow: none;
       border-radius: 0 0 var(--unit-size) var(--unit-size);
       font-size: var(--unit-size);
 }
@@ -263,7 +263,7 @@ input[type=radio] {
       margin-bottom: calc(var(--unit-size) * 0.5);
 }
 
-.secundary button[type=submit] {
+.secondary button[type=submit] {
       background: var(--bg1);
       padding: 0.6em 1.2em;
       color: var(--fg);
@@ -274,8 +274,8 @@ input[type=radio] {
       font-family: 'Montserrat', sans-serif;
       font-weight: 700;
 }
-.secundary button[type=submit]:focus,
+.secondary button[type=submit]:focus,
-.secundary button[type=submit]:hover {
+.secondary button[type=submit]:hover {
       border-radius: var(--unit-size);
-      box-shadow: 0 0px 8px var(--accent);
+      box-shadow: 0 0 8px var(--accent);
 }

public/assets/css/settings/settings_small.css

@@ -63,10 +63,9 @@
       font-weight: 700;
 }
 
-.secundary {
+.secondary {
       display: flex;
       flex-wrap: wrap;
-      border-radius: 0 0 var(--unit-size) var(--unit-size);
       background-color: var(--bg3);
       margin: 2%;
       border: solid 2px var(--accent-low);
@@ -255,7 +254,7 @@ input[type=radio] {
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;
-      box-shadow: 0;
+      box-shadow: none;
       border-radius: 0 0 var(--unit-size) var(--unit-size);
       font-size: var(--unit-size);
 }

templates/config/admin.html.twig

@@ -21,7 +21,7 @@
             Old value: {{ old_value }} <br>
             Default value: {{ default }}
             Configuration dumped to <code> social.local.yaml </code>
-            Backup of previous configuration in <code> social.local.yaml.back </code> will be overriden with the next change
+            Backup of previous configuration in <code> social.local.yaml.back </code> will be overridden with the next change
         {% endif %}
     </body>
 </html>

templates/doc/faq/contact.html.twig

@@ -10,8 +10,8 @@
       {% apply markdown_to_html %}
       ## Bugs
       If you think you've found a bug in the underlying [GNU social](https://gnu.io/social/) software, or if there's a new feature you'd like to see, add it into the [GNU social task list](https://git.gnu.io/gnu/gnu-social/issues). Don't forget to
-      check the list of existing bugs to make sure it hasn't already been reported! ## Post a notice If you have a question about how to do something, just post a notice with your question, preferrably tagged with #NewHere. Watch your inbox for replies.
+      check the list of existing bugs to make sure it hasn't already been reported! ## Post a notice If you have a question about how to do something, just post a notice with your question, preferably tagged with #NewHere. Watch your inbox for replies.
       ## Post a notice
-      If you have a question about how to do something, just post a notice with your question, preferrably tagged with #NewHere. Watch your inbox for replies.
+      If you have a question about how to do something, just post a notice with your question, preferably tagged with #NewHere. Watch your inbox for replies.
       {% endapply %}
 {% endblock %}

templates/doc/faq/faq.html.twig

@@ -40,7 +40,7 @@
 
                         You can also share other types of data, like bookmarks, event invitations, polls, and questions.
 
-                        If you'd like to try it out, first register a new account. Then, on the public timeline, enter your message into the textbox at the top of the page, and click "Send". It will go out on the public timeline and to anyone who is subscribed to your notices.
+                        If you'd like to try it out, first register a new account. Then, on the public timeline, enter your message into the text box at the top of the page, and click "Send". It will go out on the public timeline and to anyone who is subscribed to your notices.
 
                         To subscribe to other people's notifications, go to their profile page and click the "subscribe" button. They'll get a notice that you're now subscribed to their notifications.
                         {% endapply %}

templates/doc/faq/groups.html.twig

@@ -20,7 +20,7 @@
       When choosing the nickname for your group, try to keep it short. The nickname is sometimes included in messages to and from the group, so the less chars the better. Try using acronyms for organizations, or airport codes for places (like 'pdx' instead of 'portland').
 
       ## Sending messages to a group
-      You can send a message to a group using the syntax "!groupname" anywhere in the message. If you have more than one group named, the notice will go to each group. Only members can send notices to a group, and groups do not respond to direct messages (DMs).
+      You can send a message to a group using the syntax "!groupName" anywhere in the message. If you have more than one group named, the notice will go to each group. Only members can send notices to a group, and groups do not respond to direct messages (DMs).
 
       You can also select the group from the "To:" drop down when posting.
 

templates/settings/account.html.twig

@@ -9,7 +9,7 @@
             {% block primary_nav %}
                 {{ parent() }}
             {% endblock primary_nav %}
-            <div class="secundary">
+            <div class="secondary">
                 {% block form %}
                     <div class='form-single'>
                         {{ form(acc) }}

templates/settings/notifications.html.twig

@@ -13,7 +13,7 @@
                 {{ parent() }}
             {% endblock primary_nav %}
 
-            <div class="secundary">
+            <div class="secondary">
                 {% block form %}
                     <div id='form-tabs'>
                         <ul>

templates/settings/profile.html.twig

@@ -9,7 +9,7 @@
                 {{ parent() }}
             {% endblock primary_nav %}
 
-            <div class="secundary">
+            <div class="secondary">
                 {% block secundary_nav %}
                     <nav class='set-nav'>
                         <ul>