title: How to fix an element to the right of div?
body: <p>I have a button which i want to fix it's position to the right of a div, the button is toggling the visibility of it's left div, problem is the button loses it's position once the resolution is changing... </p>
  
  <p>Here is an <a href="https://jsfiddle.net/roybarak/vc9wd9ja/1/" rel="nofollow noreferrer">Example</a></p>
  
  <p>And here is what I've done so far:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  $('.results_toggle').on('click', function() {
      $(this).toggleClass('left_hide');
      $('.left').toggle();
    });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    .cont {
        width: 100vw;
      }
  
      .left {
        position: relative;
        width: 50vw;
        height: 100vh;
        background-color: grey;
        float: left;
        border-left: 2px solid white;
      }
  
      .right {
        height: 100vh;
        width: 50vw;
        float: left;
      }
  
      .results_toggle:before {
        content: "\f054";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: black;
        font-size: 24px;
        padding-right: 0.5em;
        position: absolute;
        top: 14px;
        left: 5px;
      }
  
      .results_toggle {
        background-color: grey;
        height: 60px;
        width: 30px;
        position: absolute;
        z-index: 106;
        top: 45vh;
        right: 223px;
        border-bottom-right-radius: 110px;
        border-top-right-radius: 110px;
        border-bottom: 0;
      }
  
      .left_hide {
        left: 0px;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
        &lt;div class="cont"&gt;
          &lt;div class="left"&gt;
          &lt;/div&gt;
          &lt;div class="results_toggle"&gt;
          &lt;!-- the button --&gt;
          &lt;/div&gt;
          &lt;div class="right"&gt;
          &lt;/div&gt;
       &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>