$(document).mouseup(function (e){ // событие клика по веб-документу
var divmenu = $("#sidepanel"); // sidebar
if (!divmenu.is(e.target) && divmenu.has(e.target).length === 0 && divmenu.hasClass("active") ) { // если клик был не по нашему блоку и не по его дочерним элементам
enableScroll();
$('#sidepanel_btn').css("pointer-events", 'auto');
}
});
input:focus::placeholder{
color: rgba(0,0,0,0.5);
}
input:focus{
outline: none;
border: none;
border-bottom: 1px solid orange;
}
//A:
<div class="row justify-content-around">
<div class="left" style="justify-self: start;">p+h1</div>
<button />
</div>
//B
<div class="row justify-content-between">
<div class="left">p+h1</div>
<button />
</div>
//C
<div class="row justify-content-between">
<p />
<div class="right">h1+button</div>
</div>
</div>