Skip to content

Commit 6369cf3

Browse files
committed
Message bubble styling tweaks
Added a bit of rounding to the message bubbles as well as adjusted the overall spacing for bubbles.
1 parent b52bdc6 commit 6369cf3

File tree

3 files changed

+9
-7
lines changed

3 files changed

+9
-7
lines changed

index.scss

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -261,12 +261,13 @@ button {
261261

262262
.message {
263263
position: relative;
264-
padding: 5px 10px;
265-
margin: 5px 0;
266-
border-radius: 5px;
264+
padding-left: 8px;
265+
padding-right: 8px;
266+
border-radius: 25px;
267267
text-overflow: clip;
268268
max-width: 80%;
269269
min-width: 10%;
270+
margin-bottom: 8px;
270271
clear: both;
271272

272273
pre {

styles/site.css

Lines changed: 4 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

styles/site.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)