refactor: move app to monorepo

frontend/app/src/theme/common/_ion-button.scss

@@ -0,0 +1,54 @@
+/*!
+ * Copyright (C) 2022 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+app-root {
+  // Change default border radius
+  ion-buttons ion-button.button,
+  .button {
+    &:not(.button-round) {
+      --border-radius: var(--border-radius-default);
+    }
+  }
+
+  .button {
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-semi-bold);
+    --padding-top: var(--spacing-sm);
+    --padding-bottom: var(--spacing-sm);
+    height: auto;
+
+    // Add default border, so buttons have the same size
+    &:not([fill='outline'])::part(native) {
+      border: var(--border-width-default) solid transparent;
+    }
+
+    &[fill='outline']::part(native) {
+      border: var(--border-width-default) solid rgba(var(--ion-color-primary-contrast-rgb), 0.2);
+    }
+
+    &.button-active {
+      font-weight: var(--font-weight-bold);
+      --background: var(--ion-color-tertiary);
+
+      ion-icon {
+        color: var(--ion-color-secondary);
+      }
+    }
+  }
+
+  ion-menu-button.button {
+    font-size: var(--font-size-lg);
+  }
+}