diff --git a/src/display.js b/src/display.js
index 98cba1e..670c519 100644
--- a/src/display.js
+++ b/src/display.js
@@ -143,10 +143,12 @@ export class Display {
const img = '/img/gretchen.jpg'
const text = '
Text
More text text text
'
fullview.innerHTML = `
+
${name}
${desc}
- Text text
+
+ ${text}
`
wrapper.appendChild(fullview)
target.appendChild(wrapper)
diff --git a/style.css b/style.css
index 408ae6b..6adf7d9 100644
--- a/style.css
+++ b/style.css
@@ -75,15 +75,6 @@ body {
box-sizing: border-box;
cursor: default;
}
-.fullview > img {
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- min-width: 40em;
- min-height: 30em;
- max-height: 100%;
-}
.fullview > div {
position: fixed;
top: 50%;
@@ -93,11 +84,13 @@ body {
min-height: 30em;
max-height: 100%;
background-color: #006680;
- padding: 1.5em;
+ padding: 1em;
color: white;
border-radius: 20px;
border: 5px solid #1a1c1c;
box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
}
.fullview > div img {
float: right;
@@ -109,14 +102,14 @@ body {
h1, .desc {
font-family: "Fell Sc";
+ margin-left: 0.5rem;
}
.fulltext {
- clear: both;
+ flex-grow: 1;
background-color: #99d7e9;
- border-radius: 80px;
+ border-radius: 20px;
border: 3px solid #1a1c1c;
color: #1a1c1c;
- margin-left: -10px;
- padding: 0.5em;
+ padding: 0 0.5em;
}