New: Translation support for UI Sidebar, Search Input, Base Menus

frontend/src/Components/Page/Header/PageHeader.css

@@ -43,9 +43,28 @@
   flex-grow: 1;
 }
 
+.translate {
+  composes: link from '~Components/Link/Link.css';
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 35px;
+  color: #fff;
+  text-align: center;
+  line-height: 60px;
+
+  &:hover {
+    color: $toobarButtonHoverColor;
+  }
+}
+
 .donate {
   composes: link from '~Components/Link/Link.css';
 
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 30px;
   color: $themeRed;
   text-align: center;
@@ -64,8 +83,11 @@
   .sidebarToggleContainer {
     display: flex;
   }
+}
 
-  .donate {
+@media only screen and (max-width: $breakpointExtraSmall) {
+  .donate,
+  .translate {
     display: none;
   }
 }