ui stuff

src/App.js

@@ -891,8 +891,8 @@ function App() {
 				<div className="modalOverlaySplash">
 				<div className="modal">
 				<div className="box boxMisc">
-				<div className="boxTitleBar"><h1>Under Construction</h1></div><p><img src={process.env.PUBLIC_URL+"/spinner.gif"} alt=""/>
+				<div className="boxTitleBar"><h1>{GetData("site_data")[0]?.data??""}</h1></div><h2>{GetData("site_data")[1]?.data??""}</h2><p><img src={process.env.PUBLIC_URL+"/spinner.gif"} alt=""/>
-				{GetData("site_data")[0]?.data??""}</p><br style={{clear:"both"}} />
+				{GetData("site_data")[2]?.data??""}</p><br style={{clear:"both"}} />
 				</div>
 				</div>
 				<footer><a href="https://github.com/sigonasr2/ngsplanner/"><span className="github">&nbsp;</span></a><a href="https://twitter.com/ngsplanner"><span className="twitter">@NGSPlanner</span></a></footer>

src/TestPanel.js

@@ -508,13 +508,18 @@ AUGMENT
               <h1>To Do List</h1></div>
             <dl className="toDoList">
               <dt>UI</dt>
-              <dd className="half">Grids. Grids everywhere.</dd>
+                <dd className="half">Grids. Grids everywhere.</dd>
-              <dd>Finish "Item Details" for Weapons/Armor</dd>
+                <dd>Finish "Item Details" for Weapons/Armor</dd>
-              <dd className="half">Class Skill Window</dd>
+                <dd className="half">Class Skill Window</dd>
-              <dd>PA Select Window</dd>
+                <dd>PA Selector</dd>
-              <dd>Food/Buffs Menu</dd>
+                <dd>Food/Buffs Menu</dd>
-              <dd className="check">Get all the fckn icons</dd>
+                <dd className="check">Get all the fckn icons</dd>
-              <dt>test</dt>
+              <dt>Functionality</dt>
+                <dd>Food/Buffs Menu</dd>
+                <dd>PA Selector</dd>
+              <dt>Data</dt>
+                <dd>Food/Buffs Menu</dd>
+                <dd>PA Selector</dd>
             </dl>
           </div>
 

src/style.css

@@ -210,9 +210,9 @@ border-bottom: 1px solid rgba(128,128,128,0.5);
 	margin-right: 5px;
 	vertical-align: top;
 }
-.box h2:hover {
+/*.box h2:hover {
 	background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
-}
+}*/
 .da {
 	color: white;
 	text-align: right;
@@ -1049,6 +1049,18 @@ outline: 0 !important;
 	outline: 1px solid rgba(54,255,255,1);	
 	text-align: center;
 }
+.boxMisc h2 {
+	font-size: 17px;
+	font-weight: normal;
+	border-bottom: 1px solid rgba(128,128,128,0.5);
+	margin: 10px 10px 0;
+	padding: 10px 5px;
+}
+.boxMisc h2:before {
+    content: url("./icons/NGSUIItemGunbladeMini.png");
+	margin-right: 5px;
+	vertical-align: middle;
+}
 .boxMisc img {
 	background: linear-gradient(white,#bca9f5);
 	vertical-align: top;
@@ -1058,7 +1070,7 @@ outline: 0 !important;
 	float:left;
 }
 .boxMisc p {
-	margin-top: 10px;
+	margin-top: 0;
 	text-align: left;
 }
 .boxModal .boxTitleBar, .boxModalClassSelect .boxTitleBar, .boxMisc .boxTitleBar, .boxAdmin .boxTitleBar  {