Commit 0904d753 authored by Maxime Chaillet's avatar Maxime Chaillet

reposition the doi badge on the landing page. It fixes partially #50.

parent bc2f79d4
......@@ -53,6 +53,10 @@ body {
margin-bottom:auto;
}
.fontSize-20 {
font-size: 20px;
}
.padding-top-15 {
padding-top:15px;
}
......@@ -78,7 +82,6 @@ span.doiBadge {
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
color: white;
background: black;
font-size: 20px;
text-decoration: none;
padding: 2px 0px 2px 4px;
border-color: black;
......
......@@ -53,11 +53,9 @@
<div class="col-12 col-sm-8">
<div class="row">
<div class="col"> </div>
<div class="col-auto mr-2 borderRadius-5 whiteBackground" style="padding:10px;">
<span class="doiBadge borderRadius-5"> <a id="doiPanel" href="http://dx.doi.org/10.5291/ILL-DATA.5-31-2457"></a> </span>
</div>
<div id="doiPanel" class="col-12 whiteVCenteredFont text-right doiTitle" > </div>
<div class="col-auto mr-3 borderRadius-5 whiteBackground" style="padding:10px;">
<span class="doiBadge borderRadius-5 fontSize-20"> <a id="doiPanel" href="http://dx.doi.org/10.5291/ILL-DATA.5-31-2457"></a> </span>
</div>
</div>
</div>
</div>
......
......@@ -39,8 +39,8 @@
<div class="col-12 col-sm-8">
<div class="row">
<div class="col"> </div>
<div class="col-auto mr-2 borderRadius-5 whiteBackground" style="padding:10px;">
<span class="doiBadge borderRadius-5"> <a id="doiPanel" href="http://dx.doi.org/10.5291/ILL-DATA.5-31-2457"></a> </span>
<div class="col-auto mr-3 borderRadius-5 whiteBackground" style="padding:10px;">
<span class="doiBadge borderRadius-5 fontSize-20"> <a id="doiPanel" href="http://dx.doi.org/10.5291/ILL-DATA.5-31-2457"></a> </span>
</div>
</div>
</div>
......
......@@ -40,10 +40,15 @@
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-4 blueBackground" > <img id="logo" style="height:80px;" src="/src/images/esrflogo.png" alt="the ESRF logo"> </img> </div>
<div class="col-12 col-sm-8 blueBackground flex">
<div id="doiPanel" class="col-12 whiteVCenteredFont text-right doiTitleFont" > </div>
<div class="row align-items-center blueBackground">
<div class="col-12 col-sm-4" > <img id="logo" style="height:80px;" src="/src/images/esrflogo.png" alt="the ESRF logo"> </img> </div>
<div class="col-12 col-sm-8">
<div class="row">
<div class="col"> </div>
<div class="col-auto mr-3 borderRadius-5 whiteBackground" style="padding:10px;">
<span class="doiBadge borderRadius-5 fontSize-20"> <a id="doiPanel" href="http://dx.doi.org/10.5291/ILL-DATA.5-31-2457"></a> </span>
</div>
</div>
</div>
</div>
</div>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -3,7 +3,7 @@
<div class="row padding-top-15">
<div class="col-8">
<div class="row">
<div class="col-12 doiTitleFont text-center text-uppercase font-weight-bold">{data.title}</div>
<div class="col-12 fontSize-20 text-center text-uppercase font-weight-bold">{data.title}</div>
</div>
<hr>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment