Fix icons on RMO, add phone data to district

html/template/rmo/district-compliance-contact.html

@@ -2,30 +2,6 @@
 
 {{ define "title" }}Contact Information{{ end }}
 {{ define "extraheader" }}
-	<style>
-		body {
-			background-color: #f8f9fa;
-		}
-
-		.progress-bar {
-			background-color: #0d6efd;
-			transition: width 0.3s ease;
-		}
-
-		.benefit-box {
-			background-color: #d1ecf1;
-			border-left: 4px solid #0dcaf0;
-			padding: 16px;
-			border-radius: 4px;
-		}
-
-		.optional-badge {
-			font-size: 0.85rem;
-			color: #6c757d;
-			font-weight: normal;
-		}
-	</style>
 {{ end }}
 {{ define "content" }}
-	<div class="container-fluid px-3 py-3"></div>
 {{ end }}

platform/organization.go

@@ -62,6 +62,9 @@ func (o Organization) MarshalJSON() ([]byte, error) {
 func (o Organization) Name() string {
 	return o.model.Name
 }
+func (o Organization) PhoneOffice() string {
+	return o.model.OfficePhone.GetOr("")
+}
 func (o Organization) IsSyncOngoing() bool {
 	return IsSyncOngoing(o.ID)
 }

resource/district.go

@@ -13,9 +13,10 @@ type districtR struct {
 }
 
 type district struct {
-	Name    string `json:"name"`
-	Slug    string `json:"slug"`
-	URLLogo string `json:"url_logo"`
+	Name        string `json:"name"`
+	PhoneOffice string `json:"phone_office"`
+	Slug        string `json:"slug"`
+	URLLogo     string `json:"url_logo"`
 }
 
 func District(r *router) *districtR {
@@ -40,9 +41,10 @@ func (res *districtR) List(ctx context.Context, r *http.Request, query QueryPara
 			return nil, nhttp.NewError("logo url: %w", err)
 		}
 		districts = append(districts, &district{
-			Name:    org.Name(),
-			Slug:    slug,
-			URLLogo: logo,
+			Name:        org.Name(),
+			PhoneOffice: org.PhoneOffice(),
+			Slug:        slug,
+			URLLogo:     logo,
 		})
 	}
 	return districts, nil

ts/rmo/content/compliance/Complete.vue

@@ -138,7 +138,7 @@
 		<div class="district-branding">
 			<img :src="district.url_logo" :alt="district.name + 'logo'" />
 			<h1>{{ district.name }}</h1>
-			<div class="phone">
+			<div class="phone" v-if="district.phone_office">
 				<i class="bi bi-telephone"></i> {{ district.phone_office }}
 			</div>
 		</div>

ts/rmo/content/compliance/Contact.vue

@@ -24,7 +24,7 @@
 			<div class="benefit-box mb-4">
 				<p class="mb-0">
 					<i class="bi bi-info-circle"></i>
-					<strong>Why share your contact information?</strong><br />
+					<strong> Why share your contact information?</strong><br />
 					<small>
 						Providing your contact information helps the District review your
 						response and coordinate with you if a visit is still needed. This

vite/rmo/main.ts

@@ -1,6 +1,7 @@
 import { createApp } from "vue";
 import { createHead } from "@vueuse/head";
 import { createPinia } from "pinia";
+import "bootstrap-icons/font/bootstrap-icons.css";
 import "@/gen/custom-icons.scss";
 import "@/style/rmo.scss";
 import router from "@/rmo/router";