adjust layout

usdigitalresponse · Feb 5, 2024 · 7e89b59 · 7e89b59
1 parent 2757fee
commit 7e89b59
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/client/src/views/GrantDetails.vue b/packages/client/src/views/GrantDetails.vue
@@ -1,6 +1,10 @@
 <!-- eslint-disable max-len -->
 <template>
   <section class="container-fluid grants-details-container">
+    <b-breadcrumb class="mx-4 flex-nowrap">
+      <b-breadcrumb-item href="/grants">Home</b-breadcrumb-item>
+      <b-breadcrumb-item active class="text-truncate">{{ selectedGrant.title }}</b-breadcrumb-item>
+    </b-breadcrumb>
   <div>
     <div v-if="loading">
       Loading...
@@ -10,10 +14,6 @@
     </div>
     <div v-if="selectedGrant && !loading" class="mb-3 d-flex align-items-start">
       <b-col class="mx-4">
-        <b-breadcrumb class="px-0 flex-nowrap">
-          <b-breadcrumb-item href="/grants">Home</b-breadcrumb-item>
-     	  <b-breadcrumb-item active class="text-truncate">{{ selectedGrant.title }}</b-breadcrumb-item>
-        </b-breadcrumb>
         <h1 class="mb-0 h2">{{ selectedGrant.title }}</h1>
         <table class="table table-striped table-responsive-md mr-5 mt-5">
           <tbody>