Fixed formatting issue

css/menupages.css

@@ -141,22 +141,34 @@
 	display:inline-block;
 }
 
-/* World */
-#world-container li {
-    margin: 0 0 15px 0;
-    list-style-type: none;
-}
-
-/* Augmentations */
-
-#augmentations-container {
-	color: #66ff33;
+/* Faction Augmentations */
+#faction-augmentations-container{
     position: fixed;
     padding-top: 10px;
     padding-left: 10px;
     height: 100%;
     margin-left: 10%;
     width: 99%;
+    color: #66ff33;
+}
+
+/* World */
+#world-container li {
+    margin: 0 0 15px 0;
+    list-style-type: none;
+}
+
+
+
+/* Augmentations */
+#augmentations-container {
+    position: fixed;
+    padding-top: 10px;
+    padding-left: 10px;
+    height: 100%;
+    margin-left: 10%;
+    width: 99%;
+    color: #66ff33;
 }
 
 .installed-augmentation {

index.html

@@ -368,7 +368,7 @@
 
     <div id="faction-augmentations-container">
 		<h1> Faction Augmentations </h1>
-		<p id="faction-augmentations-page-desc"> Lists all augmentations that are available from </p>
+		<p id="faction-augmentations-page-desc"> Lists all augmentations that are available to purchase from </p>
         <a href="#" id="faction-augmentations-back-button" class="a-link-button"> Back </a>
 		<ul class="faction-augmentations-list" id="faction-augmentations-list">
 		</ul>
@@ -376,6 +376,8 @@
 	
 	<!-- Installed augmentations -->
 	<div id="augmentations-container">
+        <h1> Augmentations </h1>
+        <p> Lists all augmentations you have installed </p>
         <ul id="augmentations-list">
         </ul>
 	</div>

src/Faction.js

@@ -611,6 +611,7 @@ displayFactionContent = function(factionName) {
 }
 
 displayFactionAugmentations = function(factionName) {
+    document.getElementById("faction-augmentations-page-desc").innerHTML = "Lists all augmentations that are available to purchase from" + factionName;
     var faction = Factions[factionName];
     
     var augmentationsList = document.getElementById("faction-augmentations-list");