[Users]: Fix uk-grid for safari

This commit is contained in:
Konstantinos Triantafyllou 2020-11-17 19:59:32 +00:00
parent 0a16a3f372
commit ccb0ca193e
2 changed files with 20 additions and 14 deletions

View File

@ -62,3 +62,11 @@ a:hover, .uk-link:hover {
.space {
margin-right: 4px;
}
.uk-grid {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

View File

@ -47,24 +47,22 @@
<p><span uk-icon="icon:info"></span> For more information please read the <a href="">documentation</a>.</p>
</div>
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-1@s uk-margin-top uk-text-left uk-container uk-container-small uk-margin-auto">
<div class="uk-padding-small">
<div class="uk-card uk-card-default uk-card-body">
<div class=""> <a class="uk-link uk-text-large" href="./personalToken"> Personal token</a></div>
<div>Get access to the OpenAIRE APIs with your personal access and refresh token.</div>
<div class="uk-container uk-container-small uk-margin-top">
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-1" uk-grid>
<div>
<div class="uk-card uk-card-default uk-card-body">
<div class=""> <a class="uk-link uk-text-large" href="./personalToken"> Personal token</a></div>
<div>Get access to the OpenAIRE APIs with your personal access and refresh token.</div>
</div>
</div>
</div>
<div class="uk-padding-small">
<div class="uk-card uk-card-default uk-card-body ">
<div class=""> <a class="uk-link uk-text-large" href="./registeredServices"> Registered Services</a></div>
<div>Register your services to get access to the OpenAIRE APIs.</div>
<div>
<div class="uk-card uk-card-default uk-card-body ">
<div class=""> <a class="uk-link uk-text-large" href="./registeredServices"> Registered Services</a></div>
<div>Register your services to get access to the OpenAIRE APIs.</div>
</div>
</div>
</div>
</div>
<!-- END OF CENTER SIDE -->
</div>
</div>