<p></p>
<h3>Description</h3>
<p>I've been noticing a lot of users using the client in fullscreen or constantly resizing the width of the window. The layout of the navigation looks broken whenever the width goes beyond the default on load. It would look a lot more polished if we keep the navigation contained in its original width.</p>
<h4>Version</h4>
<p>1.5.1</p>
<h3>Expected behaviour</h3>
<p>Navigation should have a maximum width so we maintain equal distances between elements.</p>
<h3>Actual behaviour</h3>
<p>Navigation elements align to the edges of the container.</p>
<h3>Screenshots</h3>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/807505/104861643-b6fe7900-58fe-11eb-9cbd-4a8dacdc841e.png"><img src="https://user-images.githubusercontent.com/807505/104861643-b6fe7900-58fe-11eb-9cbd-4a8dacdc841e.png" alt="00 Overview" style="max-width:100%;"></a><br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/807505/104861644-b6fe7900-58fe-11eb-8599-4995b237879a.png"><img src="https://user-images.githubusercontent.com/807505/104861644-b6fe7900-58fe-11eb-8599-4995b237879a.png" alt="01 Current Default Width" style="max-width:100%;"></a><br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/807505/104861645-b7970f80-58fe-11eb-9355-b7ed25217756.png"><img src="https://user-images.githubusercontent.com/807505/104861645-b7970f80-58fe-11eb-9355-b7ed25217756.png" alt="02 Current Increased Width" style="max-width:100%;"></a><br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/807505/104861646-b7970f80-58fe-11eb-89ed-02a5bb762ffe.png"><img src="https://user-images.githubusercontent.com/807505/104861646-b7970f80-58fe-11eb-89ed-02a5bb762ffe.png" alt="03 Proposed with max width" style="max-width:100%;"></a></p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/bisq-network/bisq/issues/5086">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AJFFTNXMC34WYCQJ4YQEFJ3S2OCFPANCNFSM4WGRURJA">unsubscribe</a>.<img src="https://github.com/notifications/beacon/AJFFTNRMTCKGCNGACJ5PITLS2OCFPA5CNFSM4WGRURJKYY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4LXVQ2PA.gif" height="1" width="1" alt="" /></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/bisq-network/bisq/issues/5086",
"url": "https://github.com/bisq-network/bisq/issues/5086",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>