simplify instance styling

css/instance.css

@@ -5,35 +5,20 @@ article {
 	margin: 20px 0px 20px 0px;
 }
 
-.summary-div {
+article > div {
 	display: flex;
 	align-items: center;
 }
 
-.summary-div div {
+article > div > div {
 	display: flex;
 	column-gap: 10px;
 	align-items: center;
-	width: 50%;
+	flex-grow: 1;
+	flex-basis: 0;
 }
 
-.summary-div div img {
-	height: 16px;
-}
-
-.resource-div {
-	display: flex;
-	align-items: center;
-	justify-content: flex-start;
-}
-.resource-div div {
-	display: flex;
-	column-gap: 10px;
-	align-items: center;
-	width: 25%;
-}
-
-.resource-div div img {
+article > div > div > img {
 	height: 16px;
 }
 

index.html

@@ -14,7 +14,7 @@
 
 	<template id="instance-template">
 		<article>
-			<div class="summary-div">
+			<div>
 				<div>
 					<img id="instance-type">
 					<p id="instance-id"></p>
@@ -26,7 +26,7 @@
 				</div>
 			</div>
 			<hr>
-			<div class="resource-div">
+			<div>
 				<div>
 					<img src="images/resources/cpu.svg">
 					<p id="resource-cpu"></p>
@@ -44,6 +44,10 @@
 					<p id="resource-disk"></p>
 				</div>
 			</div>
+			<hr>
+			<div>
+				
+			</div>
 		</article>
 	</template>
 </html>