forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Fix click targets for post controls (#332) (#363)
* Fix click targets for post controls (#332)
* Add padding to the right side of the post controls
---------
Co-authored-by: Paul Frazee <pfrazee@gmail.com>
authored by
John Fawcett
Paul Frazee
and committed by
GitHub
9652d994
180e373b
+9
-4
+9
-4
src/view/com/util/PostCtrls.tsx
+9
-4
src/view/com/util/PostCtrls.tsx
···
184
184
185
185
return (
186
186
<View style={[styles.ctrls, opts.style]}>
187
-
<View style={s.flex1}>
187
+
<View>
188
188
<TouchableOpacity
189
189
testID="replyBtn"
190
190
style={styles.ctrl}
···
202
202
) : undefined}
203
203
</TouchableOpacity>
204
204
</View>
205
-
<View style={s.flex1}>
205
+
<View>
206
206
<TouchableOpacity
207
207
testID="repostBtn"
208
208
hitSlop={HITSLOP}
···
243
243
) : undefined}
244
244
</TouchableOpacity>
245
245
</View>
246
-
<View style={s.flex1}>
246
+
<View>
247
247
<TouchableOpacity
248
248
testID="likeBtn"
249
249
style={styles.ctrl}
···
293
293
) : undefined}
294
294
</TouchableOpacity>
295
295
</View>
296
-
<View style={s.flex1}>
296
+
<View>
297
297
{opts.big ? undefined : (
298
298
<PostDropdownBtn
299
299
testID="postDropdownBtn"
···
321
321
</PostDropdownBtn>
322
322
)}
323
323
</View>
324
+
{/* used for adding pad to the right side */}
325
+
<View />
324
326
</View>
325
327
)
326
328
}
···
328
330
const styles = StyleSheet.create({
329
331
ctrls: {
330
332
flexDirection: 'row',
333
+
justifyContent: 'space-between',
331
334
},
332
335
ctrl: {
333
336
flexDirection: 'row',
334
337
alignItems: 'center',
338
+
padding: 5,
339
+
margin: -5,
335
340
},
336
341
ctrlIconReposted: {
337
342
color: colors.green3,