From 2c65d2fa3f7d325475e24dd36fc6049f2ad810ef Mon Sep 17 00:00:00 2001
From: Amanda Bullington <35536439+albullington@users.noreply.github.com>
Date: Tue, 10 Dec 2024 13:01:53 -0800
Subject: [PATCH] Fix styling for OfflineNotice in ObsDetails photos (#2541)

---
 src/components/ObsDetails/PhotoContainer.js | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/ObsDetails/PhotoContainer.js b/src/components/ObsDetails/PhotoContainer.js
index 7ffd1aff4..a14d72f64 100644
--- a/src/components/ObsDetails/PhotoContainer.js
+++ b/src/components/ObsDetails/PhotoContainer.js
@@ -2,7 +2,7 @@
 
 import classnames from "classnames";
 import { ActivityIndicator, OfflineNotice } from "components/SharedComponents";
-import { Image, Pressable } from "components/styledComponents";
+import { Image, Pressable, View } from "components/styledComponents";
 import type { Node } from "react";
 import React, { useState } from "react";
 import Photo from "realmModels/Photo";
@@ -92,10 +92,16 @@ const PhotoContainer = ( { photo, onPress, style }: Props ): Node => {
       {renderLoadingIndicator( )}
       {image}
       {loadSuccess === false && (
-        <OfflineNotice
-          onPress={( ) => setLoadSuccess( null )}
-          color="white"
-        />
+        <View className={classnames(
+          "h-72",
+          "w-screen"
+        )}
+        >
+          <OfflineNotice
+            onPress={( ) => setLoadSuccess( null )}
+            color="white"
+          />
+        </View>
       )}
     </Pressable>
   );