fix: Fixes many smaller layout issues in the read-only product views

Fixes many smaller layout issues in the read-only product views:
loan, saving and share product

FIXES: WEB-219

Author: steinwinde

src/app/organization/fund-mapping/fund-mapping.component.html

@@ -339,7 +339,7 @@ const routes: Routes = [
         {
           path: 'fund-mapping',
           component: FundMappingComponent,
-          data: { title: 'Advance Search', breadcrumb: 'Advance Search' },
+          data: { title: 'Fund Mapping', breadcrumb: 'Fund Mapping' },
           resolve: {
             advanceSearchTemplate: AdvanceSearchTemplateResolver
           }

src/app/organization/investors/investors.component.html

@@ -102,7 +102,7 @@
           <div #standinginstructions>
             <mat-list-item *mifosxHasPermission="'READ_STANDINGINSTRUCTION'">
               <div class="menu-list-item-content">
-                <div class="menu-left-section" [routerLink]="['standing-instructions']">
+                <div class="menu-left-section" [routerLink]="['standing-instructions-history']">
                   <mat-icon matListIcon>
                     <fa-icon icon="book" size="sm"></fa-icon>
                   </mat-icon>

src/app/organization/organization-routing.module.ts

@@ -1,3 +1,4 @@
+@use 'assets/styles/helper';
 @use 'assets/styles/colours' as *;
 
 .tab-container {

src/app/organization/organization.component.html

@@ -19,9 +19,8 @@ import {
 import { LoanProducts } from '../../loan-products';
 import { CodeName, OptionData, StringEnumOptionData } from '../../../../shared/models/option-data.model';
 import { Accounting } from 'app/core/utils/accounting';
-import { NgIf, NgFor, DecimalPipe } from '@angular/common';
+import { DecimalPipe } from '@angular/common';
 import { MatDivider } from '@angular/material/divider';
-import { LongTextComponent } from '../../../../shared/long-text/long-text.component';
 import {
   MatTable,
   MatColumnDef,
@@ -50,7 +49,6 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
   imports: [
     ...STANDALONE_SHARED_IMPORTS,
     MatDivider,
-    LongTextComponent,
     MatTable,
     MatColumnDef,
     MatHeaderCellDef,

src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.html

@@ -512,7 +512,7 @@ <h4 class="mat-h4 flex-33">
     </div>
   </div>
 
-  <div class="layout-row align-center margin-t responsive-column">
+  <div class="layout-row align-center margin-t responsive-column gap-2percent">
     <button mat-raised-button matStepperPrevious>
       <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
       {{ 'labels.buttons.Previous' | translate }}

src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.scss

@@ -10,9 +10,9 @@
   </button>
 </div>
 
-<div class="tab-container mat-typography">
+<div class="tab-container">
   <div class="responsive-column">
-    <h2 class="mat-h2 flex-fill">{{ savingProduct.name }}</h2>
+    <h2 class="mat-h2 flex-100">{{ savingProduct.name }}</h2>
 
     <mat-divider [inset]="true"></mat-divider>
 

src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.ts

@@ -1,3 +1,5 @@
+@use 'assets/styles/colours' as *;
+
 table {
   width: 100%;
 }
@@ -24,3 +26,9 @@ mat-divider {
 .margin-t {
   margin-top: 1em;
 }
+
+.mat-h3 {
+  margin-top: 10px !important;
+  font-weight: 300;
+  color: $status-approved;
+}