From 16e5d6187f20d274d10adfd6c40f839afb98f3df Mon Sep 17 00:00:00 2001
From: unsettledgames <47360416+unsettledgames@users.noreply.github.com>
Date: Wed, 23 Jun 2021 23:27:06 +0200
Subject: [PATCH] Started fixing CSS

---
 css/pixel-editor.scss  | 30 +++++++++++++++---------------
 views/pixel-editor.hbs | 20 +++++++++-----------
 2 files changed, 24 insertions(+), 26 deletions(-)

diff --git a/css/pixel-editor.scss b/css/pixel-editor.scss
index ec5d8a2..f2bbb07 100644
--- a/css/pixel-editor.scss
+++ b/css/pixel-editor.scss
@@ -1612,11 +1612,9 @@ div#pb-options {
 	}
 
 	#sp-quickstart-container {
-		left:200px;
-		height:65vh;
-		width:650px;
-		display:inline;
+		width:75%;
 		float:right;
+		position:relative;
 	}
 
 	#sp-quickstart-title {
@@ -1663,9 +1661,12 @@ div#pb-options {
 	}
 
 	#sp-newpixel {
+		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
+		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
+		box-sizing: border-box;         /* Opera/IE 8+ */
 		display: inline-block;
-		width:220px;
-		height:64vh;
+		width:25%;
+		height:65vh;
 		padding:20px;
 		position:relative;
 		background-color:$basecolor;
@@ -1706,7 +1707,7 @@ div#pb-options {
 				display:inline-block;
 				padding: 0 0 0 0;
 				text-align:left;				
-	
+				
 				div {
 					border:none;
 					padding:none;
@@ -1739,25 +1740,24 @@ div#pb-options {
 
 	#splash-news {
 		position:relative;
-		right:20px;
+		width:26%;
 		height:95%;
-		top:2.5%;
 		background-color: #232125 !important;
 	}
 
 	#latest-update {
+		float: right;
+		width:23%;
 		font-size:15px;
-		width:350px !important;
 		height:90%;
 		overflow-y: scroll;
-		overflow-x:hidden;
+		overflow-x: scroll;
 		line-height: 1.5;
-		position:absolute;
-		top:40px;
-		right:0px;
+		position:relative;
+		top:20px;
 
 		img {
-			width:350px;
+			width:100%;
 		}
 
 		&::-webkit-scrollbar {
diff --git a/views/pixel-editor.hbs b/views/pixel-editor.hbs
index 258cb0c..1800eef 100644
--- a/views/pixel-editor.hbs
+++ b/views/pixel-editor.hbs
@@ -274,22 +274,21 @@
             <div class="splash-news">
                  <div id="latest-update">
                     <h1>Latest updates</h1>
-                    
                 </div>
-            </div> 
+            </div>
 
             <div id="splash-input">
-                <div class="splash-menu">
-                    <div id="editor-logo">
-                        <div id="black">
-                            <div id="sp-coverdata">
-                                <img src="https://lospec.com/brand/lospec_logo_3x.png"/> pixel editor
-                                <p>Version 1.4.0</p>
-                                <a href="https://cdn.discordapp.com/attachments/506277390050131978/795660870221955082/final.png">Art by Unsettled</a>
-                            </div>
+                <div id="editor-logo">
+                    <div id="black">
+                        <div id="sp-coverdata">
+                            <img src="https://lospec.com/brand/lospec_logo_3x.png"/> pixel editor
+                            <p>Version 1.4.0</p>
+                            <a href="https://cdn.discordapp.com/attachments/506277390050131978/795660870221955082/final.png">Art by Unsettled</a>
                         </div>
                     </div>
+                </div>
 
+                <div class="splash-menu">
                     <div id="sp-newpixel">
                         <h1>New Custom Pixel</h1>
                         <!-- Editor mode-->
@@ -310,7 +309,6 @@
                         <button id="palette-button-splash" class="dropdown-button">Choose a palette...</button>
                         <div id="palette-menu-splash" class="dropdown-menu"><button id="load-palette-button-splash">Load palette...</button></div>
 
-
                         <div id="new-pixel-warning">Creating a new pixel will discard your current one.</div>
                         <div class="sp-np-entry">
                             <button id="create-button-splash" class="default">Create</button>