(search) GUI tweaks to make the new interface not fall apart on mobile/chrome

This commit is contained in:
Viktor Lofgren 2023-11-30 16:23:54 +01:00
parent ae0c1c3f2d
commit d530c3096f
3 changed files with 12 additions and 3 deletions

View File

@ -450,7 +450,9 @@ footer {
.url {
background-color: $highlight-light;
padding-left: 0.5ch;
a {
word-break: break-all;
font-family: monospace;
font-size: 8pt;
color: $fg-light;
@ -460,19 +462,21 @@ footer {
color: $visited;
}
}
h2 {
a {
word-break: break-all;
color: $fg-dark;
text-decoration: none;
}
font-size: 12pt;
@extend .heading;
background-color: $highlight-light2;
}
.description {
background-color: $fg-light;
word-break: break-word;
padding: 1ch;
margin: 0;
}
@ -515,6 +519,10 @@ footer {
padding: 0 0 0 0 !important;
max-width: 100%;
.sidebar-narrow {
display: block; // fix for bizarre chrome rendering issue
}
#mcfeast {
display: inline;
float: right;

View File

@ -114,4 +114,3 @@
</footer>
<script src="/tts.js"></script>
<script src="/serp.js"></script>

View File

@ -11,4 +11,6 @@
<button type="submit">Search</button>
</div>
</form>
</form>
<!-- load the mobile customizations script early to avoid flicker -->
<script src="/serp.js"></script>