diff --git a/src/App.svelte b/src/App.svelte
index fef3804..733320e 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -52,12 +52,12 @@
Error: {error.message}
{/await}
-
+
{#each posts as postObject}
{/each}
-
+
@@ -129,7 +129,7 @@
margin-top: 5%;
}
#Account {
- width: 85%;
+ width: auto;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 20px;
diff --git a/src/app.css b/src/app.css
index 50da734..4c343e2 100644
--- a/src/app.css
+++ b/src/app.css
@@ -66,10 +66,6 @@ body {
font-size: 24px;
color: var(--text-color);
border-color: var(--border-color);
- overflow-wrap: break-word;
- word-wrap: normal;
- word-break: break-word;
- hyphens: none;
}
h1 {
@@ -79,7 +75,6 @@ h1 {
#app {
max-width: 1400px;
- width: 100%;
margin: 0;
padding: 0;
margin-left: auto;
diff --git a/src/lib/AccountComponent.svelte b/src/lib/AccountComponent.svelte
index 880db3f..e324393 100644
--- a/src/lib/AccountComponent.svelte
+++ b/src/lib/AccountComponent.svelte
@@ -32,18 +32,17 @@
#accountName {
margin-left: 10px;
font-size: 0.9em;
- max-width: 80%;
/* replace overflow with ellipsis */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ max-width: 80%;
}
#avatar {
width: 50px;
height: 50px;
margin: 0px;
- object-fit: cover;
border-right: var(--border-color) 1px solid;
}
diff --git a/src/lib/PostComponent.svelte b/src/lib/PostComponent.svelte
index d140180..dc0b874 100644
--- a/src/lib/PostComponent.svelte
+++ b/src/lib/PostComponent.svelte
@@ -222,21 +222,13 @@
margin-left: 10px;
font-size: 0.9em;
text-align: start;
- word-break: break-word;
- max-width: 80%;
- max-height: 95%;
+ overflow-wrap: break-word;
overflow: hidden;
- align-self: flex-start;
- margin-top: auto;
- margin-bottom: auto;
}
#avatar {
- height: 60px;
- width: 60px;
+ height: 100%;
margin: 0px;
margin-left: 0px;
- overflow: hidden;
- object-fit: cover;
border-right: var(--border-color) 1px solid;
}
#carouselContainer {