The Key Icon and Stream Button Overlap and Are Hard to Press

from Settings The key icon and the Stream button might overlap and be difficult to press. (takker)

• 
• I’m having trouble finding a place for the key icon. (blu3mo)
  • It doesn’t feel right to place it next to the Stream button.
  • I would be happy if I could place it next to the title, but I don’t have the technical skills to do that since I’m writing css based on the atmosphere.
    • It seems like it would be just right if I set left to ”left of .quick-launch .project-home + 80px”.
    • 
      • Would it look neater if I set top: 8px instead of top: 4px?
    • What do you think of something like this? (Not tested)
      • I modified /bluemountain-theme/settings#6006e03e79e11300007882d5 home.css

/* Move the link to the project TOP and surrounding parts to the navbar by force */
 /* ※Needs to be used simultaneously with the next navbar fix */
 @media screen and (min-width: 768px) {
   .quick-launch .project-home {
     position: fixed; top: 4px; left: calc((100% - 1080px)/2); z-index: 990; }
   .quick-launch .project-home {
      line-height: 30px;
      min-height: 30px;
   }
   .project-home .title {
      font-size: 17px;
   }
   .quick-launch .private-badge {
     color: #ffffff75;
     position: fixed; top: 8px; right: 40px ; z-index: 991 }
   .app {
     padding-top: 45px;
   }
   /*.page { padding-top: 0 }*/ }
 @media screen and (min-width: 768px) and (max-width: 991px) {
    .quick-launch .project-home { left: 65px }
    .quick-launch .private-badge { left: 145px }
 }
 @media screen and (min-width: 992px) and (max-width: 1260px) {
   .quick-launch .project-home { left: 80px }
   .quick-launch .private-badge { left: 160px }
 }
 @media screen and (min-width: 1261px) {
    .quick-launch .project-home { left: calc((100% - 1260px)/2 + 80px) }
    .quick-launch .private-badge { left: calc((100% - 1260px)/2 + 160px) }
 }

    - Thank you! 🙏 (blu3mo)
    - I'm using this css in other projects too, so I wanted to be able to handle changes in the title length. (blu3mo)
        - I've been struggling because I can't handle changes with a fixed `left` value.
        - I was able to handle changes in the title length. (takker)
            - [/customize/titleをnav barに固定するUserCSS](https://scrapbox.io/customize/titleをnav barに固定するUserCSS)
        - Thank you so much!! 🙏🙏🙏 (blu3mo)
        - The result 🙌
            - ![image](https://gyazo.com/9adcd3fa342dd9d24c025f9359abb8e7/thumb/1000)
            - ![image](https://gyazo.com/990850a491ebff741fa20c045aaf7c9d/thumb/1000)

- How about leaving it between the Nav bar and the editor? (takker)
    - Is it too messy?
    - ![image](https://gyazo.com/794cb916d3544b585647d5dda72a8891/thumb/1000)

• Actually, I’m starting to think that we don’t need the private icon. (blu3mo)