Merge pull request #120 from NessieCanCode/update-institution-profile-section-layout

Revamp institution profile with collapsible panels and contacts

Author: NessieCanCode

src/institution.json

@@ -1,12 +1,29 @@
 {
   "institutionName": "",
+  "institutionAbbreviation": "",
+  "campusDivision": "",
+  "institutionType": "",
+  "primaryContact": {
+    "fullName": "",
+    "title": "",
+    "email": "",
+    "phone": ""
+  },
+  "secondaryContact": {
+    "fullName": "",
+    "email": "",
+    "phone": ""
+  },
   "streetAddress": "",
   "city": "",
   "state": "",
   "postalCode": "",
   "country": "",
+  "fiscalYearStartMonth": "",
   "defaultCurrency": "USD",
   "departmentName": "",
   "costCenter": "",
+  "notes": "",
   "logo": ""
 }
+

src/slurmcostmanager.css

@@ -146,6 +146,50 @@ nav button:hover {
   margin-top: 0.5em;
 }
 
+.institution-banner {
+  display: flex;
+  align-items: center;
+  gap: 1em;
+}
+
+.collapsible-panel {
+  border: 1px solid #ccc;
+  margin-top: 1em;
+}
+
+.collapsible-header {
+  background: #f5f5f5;
+  padding: 0.5em;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.collapsible-content {
+  padding: 0.5em 1em;
+}
+
+.save-cancel-bar {
+  position: sticky;
+  bottom: 0;
+  background: #fff;
+  padding: 0.5em;
+  border-top: 1px solid #ccc;
+  text-align: right;
+}
+
+.required {
+  color: red;
+  margin-left: 0.25em;
+}
+
+.help-icon {
+  cursor: help;
+  color: #555;
+  margin-left: 0.25em;
+}
+
 @media (max-width: 600px) {
   nav button {
     display: block;