From 9f4642ec81435d4d894d34ec5d27a541ad969b80 Mon Sep 17 00:00:00 2001
From: Arthur Lu <learthurgo@gmail.com>
Date: Thu, 15 Dec 2022 17:45:40 -0800
Subject: [PATCH] simplify instance styling

---
 css/instance.css | 25 +++++--------------------
 index.html       |  8 ++++++--
 2 files changed, 11 insertions(+), 22 deletions(-)

diff --git a/css/instance.css b/css/instance.css
index cc7f564..ddee17b 100644
--- a/css/instance.css
+++ b/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;
 }
 
diff --git a/index.html b/index.html
index 42daa90..6c635bf 100644
--- a/index.html
+++ b/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>
\ No newline at end of file