Fix width handling for deactivated screen (#5810)

bskyweb/templates/base.html

@@ -67,6 +67,7 @@
       display: flex;
       flex: 1 0 auto;
       min-height: 100%;
+      width: 100%;
     }
     #splash {
       position: fixed;

src/screens/Deactivated.tsx

@@ -106,20 +106,23 @@ export function Deactivated() {
   return (
     <View style={[a.util_screen_outer, a.flex_1, t.atoms.bg]}>
       <ScrollView
-        style={[a.h_full, a.w_full]}
-        contentContainerStyle={{borderWidth: 0}}>
-        <View
         style={[
+          a.h_full,
+          a.w_full,
           a.px_2xl,
           {
             paddingTop: isWeb ? 64 : insets.top + 16,
             paddingBottom: isWeb ? 64 : insets.bottom,
           },
+        ]}
+        contentContainerStyle={[
+          a.w_full,
+          a.flex_row,
+          a.justify_center,
+          {borderWidth: 0},
         ]}>
-          <View style={[a.flex_row, a.justify_center]}>
         <View style={[a.w_full, {maxWidth: COL_WIDTH}]}>
-              <View
-                style={[a.w_full, a.justify_center, a.align_center, a.pb_5xl]}>
+          <View style={[a.w_full, a.justify_center, a.align_center, a.pb_5xl]}>
             <Logo width={40} />
           </View>
 
@@ -186,11 +189,7 @@ export function Deactivated() {
           {hasOtherAccounts ? (
             <>
               <Text
-                    style={[
-                      t.atoms.text_contrast_medium,
-                      a.pb_md,
-                      a.leading_snug,
-                    ]}>
+                style={[t.atoms.text_contrast_medium, a.pb_md, a.leading_snug]}>
                 <Trans>Or, log into one of your other accounts.</Trans>
               </Text>
               <AccountList
@@ -203,11 +202,7 @@ export function Deactivated() {
           ) : (
             <>
               <Text
-                    style={[
-                      t.atoms.text_contrast_medium,
-                      a.pb_md,
-                      a.leading_snug,
-                    ]}>
+                style={[t.atoms.text_contrast_medium, a.pb_md, a.leading_snug]}>
                 <Trans>Or, continue with another account.</Trans>
               </Text>
               <Button
@@ -223,8 +218,6 @@ export function Deactivated() {
             </>
           )}
         </View>
-          </View>
-        </View>
       </ScrollView>
     </View>
   )

web/index.html

@@ -72,6 +72,7 @@
         display: flex;
         flex: 1 0 auto;
         min-height: 100%;
+        width: 100%;
       }
       #splash {
         position: fixed;