Navigation menu overlap

[MurtazaKafka]

In mobile screens the padding between different social media icons have to change as there is it is currently overlapping. To solve that issue,

• [x] we should change the current margins associated with each of the social medias icons as follow. These icons are currently in the navigation.

` headerRight: () => Platform.OS === "web" ? ( <View style={{ flexDirection: "row" }}> <Touchable style={{ padding: "5px", marginRight: "10px" }} onPress={() => { Linking.openURL("https://discord.gg/ZSBVsBqDtg"); }}

`

to

`headerRight: () => Platform.OS === "web" ? ( <View style={{ flexDirection: "row" }}> <Touchable style={{ padding: "5px", marginRight: "14px" }} onPress={() => { Linking.openURL("https://discord.gg/ZSBVsBqDtg"); }}

`

[kamalkishor1991]

@MurtazaKafka thanks for the PR. something isn't right in the PR. Are you fixing in the web branch or master? I think you should create the PR against web branch.

[kamalkishor1991]

Closing because of lack of activity. This is also not required anymore as the website is build in a different repo https://huehive.co