Merge pull request #53 from nismod/49-return-perioddamages-improvements

Group Epoch and RP select boxes in same row
nismod · Mar 25, 2024 · 077b2fc · 077b2fc
2 parents fcc4e23 + 4ee01b4
commit 077b2fc
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/details/features/damages/RPDamagesSection.tsx b/src/details/features/damages/RPDamagesSection.tsx
@@ -4,6 +4,8 @@ import { ReturnPeriodDamage } from '@nismod/irv-api-client';
 import _ from 'lodash';
 import { selector, useRecoilValue } from 'recoil';
 
+import { InputRow } from '@/sidebar/ui/InputRow';
+
 import { ButtonPlacement, DownloadButton } from '../DownloadButton';
 import {
   buildOrdering,
@@ -149,7 +151,12 @@ export const RPDamagesSection = () => {
             </ButtonPlacement>
           )}
         </Box>
-        <EpochSelect />
+
+        <InputRow>
+          <EpochSelect />
+          <ReturnPeriodSelect />
+        </InputRow>
+
         {selectedRPData ? (
           <>
             <ReturnPeriodDamageChart
@@ -164,7 +171,6 @@ export const RPDamagesSection = () => {
               height={150}
               renderer="svg"
             />
-            <ReturnPeriodSelect />
             <RPDamageTable damages={filteredTableData} />
           </>
         ) : (