Revert Font Awesome 5 upgrade (#8810)

* Revert "Fix some icon names changed by the Font Awesome 5. (#8796)"

This reverts commit 3f9ec3de82.

* Revert "Migrate to font-awesome 5.0. (#8799)"

This reverts commit 8bae14591b.

* Revert "Fix some icons names, unavailable in fontawesome5 (free license). (#8792)"

This reverts commit b9c727a945.

* Revert "Update the icon name changed by the Font Awesome 5. (#8776)"

This reverts commit 17af4d27da.

* Revert "Add bot icon to bot avatars and migrate to newer version of Font Awesome (#8484)"

This reverts commit 4b794e134d.

app/javascript/styles/mastodon/about.scss

@@ -1113,7 +1113,7 @@ $small-breakpoint: 960px;
         align-items: center;
         margin-left: 15px;
 
-        .fas {
+        .fa {
           display: block;
           color: $darker-text-color;
           font-size: 48px;

app/javascript/styles/mastodon/accounts.scss

@@ -136,7 +136,7 @@
     float: left;
     padding-left: 0;
 
-    .fas {
+    .fa {
       display: inline-block;
       margin-right: 5px;
     }
@@ -146,7 +146,7 @@
     float: right;
     padding-right: 0;
 
-    .fas {
+    .fa {
       display: inline-block;
       margin-left: 5px;
     }

app/javascript/styles/mastodon/admin.scss

@@ -50,7 +50,7 @@ $no-columns-breakpoint: 600px;
         transition: all 200ms linear;
         border-radius: 4px 0 0 4px;
 
-        i.fas {
+        i.fa {
           margin-right: 5px;
         }
 

app/javascript/styles/mastodon/components.scss

@@ -675,7 +675,7 @@
     &:hover {
       text-decoration: underline;
 
-      .fas {
+      .fa {
         color: lighten($dark-text-color, 7%);
       }
     }
@@ -690,7 +690,7 @@
       }
     }
 
-    .fas {
+    .fa {
       color: $dark-text-color;
     }
   }
@@ -1132,12 +1132,6 @@
     vertical-align: middle;
     margin-right: 5px;
   }
-
-  .bot-icon {
-    position: absolute;
-    bottom: -.333em;
-    left: -.333em;
-  }
 }
 
 a .account__avatar {
@@ -1355,22 +1349,10 @@ a .account__avatar {
 .account__header__avatar {
   background-size: 90px 90px;
   display: block;
-  font-size: 1.5em;
   height: 90px;
   margin: 0 auto 10px;
-  position: relative;
+  overflow: hidden;
   width: 90px;
-
-  .bot-icon {
-    color: $dark-text-color;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-
-    .light & {
-      color: $inverted-text-color;
-    }
-  }
 }
 
 .account-authorize {
@@ -1496,7 +1478,7 @@ a.account__display-name {
   font-size: 15px;
   position: relative;
 
-  .fas {
+  .fa {
     color: $highlight-text-color;
   }
 
@@ -2044,7 +2026,7 @@ a.account__display-name {
   border-bottom: 2px solid lighten($ui-base-color, 8%);
   transition: all 50ms linear;
 
-  .fas {
+  .fa {
     font-weight: 400;
     font-size: 16px;
   }
@@ -3274,7 +3256,7 @@ a.status-card {
   overflow: hidden;
   display: flex;
 
-  .fas {
+  .fa {
     font-size: 34px;
     margin-right: 10px;
   }
@@ -3491,7 +3473,7 @@ a.status-card {
     outline: 0 !important;
   }
 
-  .fas {
+  .fa {
     position: absolute;
     top: 10px;
     right: 10px;
@@ -3545,7 +3527,7 @@ a.status-card {
   font-size: 16px;
   cursor: default;
 
-  .fas {
+  .fa {
     display: inline-block;
     margin-right: 5px;
   }
@@ -3564,7 +3546,7 @@ a.status-card {
     font-size: 16px;
     color: $dark-text-color;
 
-    .fas {
+    .fa {
       display: inline-block;
       margin-right: 5px;
     }
@@ -4462,7 +4444,7 @@ a.status-card {
     justify-content: center;
     font-size: 26px;
 
-    .fas {
+    .fa {
       display: block;
     }
   }
@@ -4500,7 +4482,7 @@ a.status-card {
       display: block;
     }
 
-    .fas {
+    .fa {
       color: $dark-text-color;
     }
   }
@@ -5447,7 +5429,7 @@ noscript {
     font-size: 16px;
     cursor: default;
 
-    .fas {
+    .fa {
       display: inline-block;
       margin-right: 5px;
     }

app/javascript/styles/mastodon/forms.scss

@@ -656,7 +656,7 @@ code {
         }
       }
 
-      .fas {
+      .fa {
         font-weight: 400;
       }
     }

app/javascript/styles/mastodon/rtl.scss

@@ -38,7 +38,7 @@ body.rtl {
     padding-left: 30px;
   }
 
-  .search__icon .fas {
+  .search__icon .fa {
     right: auto;
     left: 10px;
   }
@@ -197,7 +197,7 @@ body.rtl {
   }
 
   .admin-wrapper .sidebar ul a i.fa,
-  a.table-action-link i.fas {
+  a.table-action-link i.fa {
     margin-right: 0;
     margin-left: 5px;
   }
@@ -264,7 +264,7 @@ body.rtl {
     left: 0;
   }
 
-  .landing-page .fa-external-link-alt {
+  .landing-page .fa-external-link {
     padding-right: 5px;
     padding-left: 0 !important;
   }

app/javascript/styles/mastodon/tables.scss

@@ -112,7 +112,7 @@ a.table-action-link {
     color: $primary-text-color;
   }
 
-  i.fas {
+  i.fa {
     font-weight: 400;
     margin-right: 5px;
   }

app/javascript/styles/mastodon/widgets.scss

@@ -196,7 +196,7 @@
   &__message {
     margin-bottom: 15px;
 
-    .fas {
+    .fa {
       margin-right: 5px;
       color: $darker-text-color;
     }