Ignore:
Timestamp:
2022-07-28T14:23:14+12:00 (21 months ago)
Author:
davidb
Message:

More presentable layout

File:
1 edited

Legend:

Unmodified
Added
Removed

  • other-projects/bib-stinky/trunk/nodejs-server/public/doi-stinky-bar.html

    r36319 r36322  
    99 
    1010  <body>
    11     <div style="width: 100%; background-color: wheat; padding: 8px; text-align: left;">
    12       <img style="vertical-align: bottom;" alt="DOI Stinky Logo"
    13        src="//bib-stinky.so-we-must-think.space/images/doi-stinky-logo-57x61.png" />
    14       <h2 style="display:inline;">DOI-Stinky Investigation Bar</h2>
     11    <style>
     12      .container  {
     13      display: flex;
     14      flex-direction: row; flex-wrap: nowrap;
     15      justify-content: flex-start; align-items: flex-start;
     16      width: 100%; padding: 8px; background-color: wheat;
     17      }
     18      .item-image { }
     19      .item-text  { flex-grow: 1; padding-left: 8px; padding-right: 8px; }
     20    </style>
     21   
     22    <div class="container">
     23      <div class="item-image" style="min-width: 57px; min-height: 61px;">
     24    <img style="width: 57px; height: 61px;"
     25         src="//bib-stinky.so-we-must-think.space/images/doi-stinky-logo-57x61.png"
     26         title="DOI Stinky Investigation Bar" alt="DOI Stinky logo" />
     27      </div>
     28      <div id="doiStinkyInfo" class="item-text">
     29      </div>
    1530    </div>
    1631  </body>
Note: See TracChangeset for help on using the changeset viewer.