fix: padding issues when 'close' icon isn't there

Signed-off-by: Jonathan <theflametrooper@gmail.com>

example/index.js

@@ -6,13 +6,13 @@ import Toast from "../dist/toasters.js";
 // 	interactable: false
 // });
 
-const TestNotification1 = new Toast("1", { timeout: 1000 });
+const TestNotification1 = new Toast("Hello world 1 asdsad asds", { persistent: true });
 
 
 const TestNotification2 = new Toast({
-	content: "2",
+	content: "Hello World test 2",
 	persistent: true,
-	interactable: true
+	interactable: false
 });
 
 // setTimeout(() => {
@@ -24,5 +24,5 @@ const TestNotification2 = new Toast({
 // 	TestNotification2.visible = false;
 // }, 4000);
 
-const TestNotification3 = new Toast("lorem ispum lorem hello my name is lorem ispum lorem ispum lorem ispum lorem ispum ", { interactable: false });
+const TestNotification3 = new Toast("lorem ispum lorem hello lorem ispum lorem ispum lorem ispum lorem ispum ", { interactable: false });
 

src/index.css

@@ -58,7 +58,7 @@ body, * {
 	cursor: pointer;
 	top: 0;
 	height: auto;
-	padding: 10px 10px 10px 25px;
+	padding: 10px 25px 10px 25px;
 	font-size: 1rem;
 	font-weight: 300;
 	width: var(--max-width);
@@ -85,6 +85,7 @@ body, * {
 	padding: 10px;
 	position: relative;
 	margin-left: 5px;
+	margin-right: -15px;
 	opacity: 0.6;
 	border-radius: 100%;
 	background-color: rgb(34, 34, 34);