Fixed Requested Changes

BoneCentral/WebApplication/static/index.html

@@ -11,7 +11,7 @@
 		<script type="riot/tag">
 			<get-tag>
 				<div>
-					<button class="button button1" onclick={ toggle }>{ url }</button>
+					<button class="button" onclick={ toggle }>{ url }</button>
 					<p>Result:</p><textarea type="textarea" value="{ result }" style="min-width: 30em; min-height: 40em;">
 				</div>
 
@@ -45,7 +45,7 @@
 			</get-tag>
 			<single-get-tag>
 				<div>
-					<button class="button button1" onclick={ get }>{ url }</button>
+					<button class="button" onclick={ get }>{ url }</button>
 					<p>Result: { result }</p>
 				</div>
 
@@ -65,7 +65,7 @@
 			</single-get-tag>
 			<post-tag>
 				<div>
-					<button class="button button1" onclick={ post }>{ url }</button><button class="button button1" onclick={ toggleAbsolute }>Toggle Slider</button>
+					<button class="button" onclick={ post }>{ url }</button><button class="button" onclick={ toggleAbsolute }>Toggle Slider</button>
 					<div each={ argument, i in arguments }>
 						<span>{ argument }</span>
 						<input type={ inputType } onchange={ update } oninput={ update } id={ argument } min={ min } max={ max } step={ step } value="0"/>

BoneCentral/WebApplication/static/style.css

@@ -1,7 +1,7 @@
 .button {
-    background-color: #4CAF50; /* Green */
-    border: none;
-    color: white;
+    background-color: white;
+    border: 2px solid #008CBA;
+    color: black;
     padding: 16px 32px;
     text-align: center;
     text-decoration: none;
@@ -13,13 +13,7 @@
     cursor: pointer;
 }
 
-.button1 {
-    background-color: white; 
-    color: black; 
-    border: 2px solid #008CBA;
-}
-
-.button1:hover {
+.button:hover {
     background-color: #008CBA;
     color: white;
 }