Skip to content

Commit a613df9

Browse files
author
Kyle Andrews
committed
Cleans up responsive design for the demo
1 parent 7289e78 commit a613df9

File tree

1 file changed

+4
-5
lines changed

1 file changed

+4
-5
lines changed

docs/index.html

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -74,8 +74,10 @@
7474
}
7575

7676
p{
77-
padding: 0 16px;
77+
padding: 16px;
7878
margin: 0;
79+
line-height: 1.618;
80+
font-size: 14px;
7981
}
8082

8183
user-notification{
@@ -88,14 +90,11 @@
8890
padding: 0;
8991
border-radius: 4px;
9092
min-width: 340px;
91-
max-width: calc(100vw - 64px);
93+
max-width: 90vw;
9294
box-shadow: 0 1px 3px rgba(0,0,0, 0.15), 0 2px 6px rgba(0,0,0, 0.15);
9395
animation: popNotification 4000ms cubic-bezier(0.0, 0.0, 0.2, 1);
9496
background-color: rgb(51, 51, 51);
9597
color: rgba(255,255,255, 0.87);
96-
font-size: 14px;
97-
line-height: 48px;
98-
height: 48px;
9998
z-index: 9999;
10099
display: inline-flex;
101100
justify-content: space-between;

0 commit comments

Comments
 (0)