minor front-end styling and renaming

Author: rahafjrw

FrontEnd/main.scss

@@ -46,4 +46,4 @@ $mobile-breakpoint: 740px;
 @import 'styles/tab_bar';
 @import 'styles/validate_manifest';
 @import 'styles/vega_charts';
-@import 'styles/manage';
+@import 'styles/portal';

FrontEnd/styles/manage.scss renamed to FrontEnd/styles/portal.scss

@@ -16,12 +16,12 @@
 // Styles for authentication pages (login, signup, etc.)
 // -------------------------------------------------------------------------
 
-.manage-page {
+.portal-page {
     height: 55vh;
     padding-top: 10%;
 }
 
-.manage-form-inputs {
+.portal-form-inputs {
     display: flex;
     flex-direction: column;
     width: 50%;

Sources/App/Views/Portal/ForgotPassword+View.swift

@@ -22,7 +22,7 @@ enum ForgotPassword {
 
         override func content() -> Node<HTML.BodyContext> {
             .div(
-                .class("manage-page"),
+                .class("portal-page"),
                 .h2("An email will be sent with a reset code"),
                 .forgotPasswordForm(),
                 .text(model.errorMessage)

Sources/App/Views/Portal/Login+View.swift

@@ -76,7 +76,6 @@ extension Node where Context: HTML.BodyContext {
 extension Node where Context == HTML.FormContext {
     static func emailField(email: String = "") -> Self {
         .input(
-            .class("manage-form-inputs"),
             .id("email"),
             .name("email"),
             .type(.email),
@@ -89,7 +88,6 @@ extension Node where Context == HTML.FormContext {
 
     static func passwordField(password: String = "", passwordFieldText: String = "Enter password") -> Self {
         .input(
-            .class("manage-form-inputs"),
             .id("password"),
             .name("password"),
             .type(.password),

Sources/App/Views/Portal/Portal+View.swift

@@ -22,6 +22,7 @@ enum PortalPage {
 
         override func content() -> Node<HTML.BodyContext> {
             .div(
+                .class("portal-page"),
                 .h2("Portal"),
                 .logoutButton(),
                 .deleteButton(),
@@ -35,6 +36,7 @@ enum PortalPage {
 extension Node where Context: HTML.BodyContext {
     static func logoutButton() -> Self {
         .form(
+            .class("portal-form-inputs"),
             .action(SiteURL.logout.relativeURL()),
             .method(.post),
             .data(named: "turbo", value: "false"),
@@ -47,6 +49,7 @@ extension Node where Context: HTML.BodyContext {
 
     static func deleteButton() -> Self {
         .form(
+            .class("portal-form-inputs"),
             .action(SiteURL.deleteAccount.relativeURL()),
             .method(.post),
             .data(named: "turbo", value: "false"),

Sources/App/Views/Portal/Signup+View.swift

@@ -22,7 +22,7 @@ enum Signup {
 
         override func content() -> Node<HTML.BodyContext> {
             .div(
-                .class("manage-page"),
+                .class("portal-page"),
                 .h2("Signup"),
                 .signupForm(),
                 .text(model.errorMessage)

Sources/App/Views/Portal/Successful+Password+Change.swift

@@ -22,6 +22,7 @@ enum SuccessfulChange {
 
         override func content() -> Node<HTML.BodyContext> {
             .div(
+                .class("portal-page"),
                 .text(self.model.successMessage),
                 .loginButton()
             )

Sources/App/Views/Portal/Verify+View.swift

@@ -23,7 +23,7 @@ enum Verify {
 
         override func content() -> Node<HTML.BodyContext> {
             .div(
-                .class("manage-page"),
+                .class("portal-page"),
                 .h2("Please enter the confirmation code sent to your email"),
                 .verifyForm(email: model.email),
                 .text(model.errorMessage)
@@ -57,7 +57,7 @@ extension Node where Context: HTML.BodyContext {
 extension Node where Context == HTML.FormContext {
     static func codeField(code: String = "") -> Self {
         .input(
-            .class("manage-form-inputs"),
+            .class("portal-form-inputs"),
             .id("confirmationCode"),
             .name("confirmationCode"),
             .type(.text),