leram84 / layer.Cake

layer.Cake is working to combine several OSS projects in the personal media server space into a single continuous uniform app.
MIT License
123 stars 19 forks source link

Tooltips on top right buttons don't align well #14

Open rourke opened 6 years ago

rourke commented 6 years ago

I don't think the ombi and plex buttons in the top right corner are self-explanatory enough at first sight so I wanted to add bootstrap tooltips, but due to padding/margin (I think) they don't align well. The code looks like this:

<div class="row-bblur">
<!-- <<User Edit>> Replace ombi with the LOWERCASE name of this buttons destination tab -->
    <div tab="ombi" class="hp-link col-sm-3 col-lg-3">
        <div class="content-box orange-bg ombi" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Add request">
            <h1 style="margin: 10px" class="text-uppercase text-center">Ombi</h1>
            <div class="clearfix"></div>
        </div>
    </div>
<!-- <<User Edit>> Replace plex with the LOWERCASE name of this buttons destination tab -->
    <div tab="plex" class="hp-link col-sm-3 col-lg-3">
        <div class="content-box orange-bg plex" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="View media library">
            <h1 style="margin: 10px" class="text-uppercase text-center">Plex</h1>
            <div class="clearfix"></div>
        </div>
    </div>
</div>

The result looks like this:

image

Is there a way to fix this?

leram84 commented 6 years ago

ha! great minds! lol, i already added tooltips to the html on my site. Im waiting for cause to add it for the speedtest button (since i obviously dont have access to that html) and then i will release the new button packs

rourke commented 6 years ago

That's good to hear. I'll wait for that then. Thanks a lot!