test(config-view): forgot port number

SoftVarE-Group · Dec 1, 2023 · 8026b7b · 8026b7b
1 parent f61c6ec
commit 8026b7b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 11 deletions.
diff --git a/WebSocketClient/index.html b/WebSocketClient/index.html
@@ -33,12 +33,14 @@ <h2 id="connection" style="color: red;"></h2>
         <div class="container">
             <div id="container" class="editor"></div>
         </div>
-        <div class="graph"></div>
-    </div>
-    <div id="iframeContainer" class="config-view">
-        <iframe id="myIframe" title="Config"></iframe> 
+        <div id="iframeContainer" class="config-view">
+            <iframe id="myIframe" title="Config"></iframe>
+        </div>
     </div>
 
+    <div class="graph"></div>
+
+
     <div class="footer">
         <p>The Universal Variability Language (UVL) is a community effort towards a widely adopted textual specification
             for feature models. This playground provides the opportunity to get used to the language with

diff --git a/WebSocketClient/style.css b/WebSocketClient/style.css
@@ -11,9 +11,10 @@ body {
 }
 
 .container {
-  width: 50%;
+  width: 40%;
+  padding: 0 40px 0 0;
   margin: 0 auto;
-  padding: 20px;
+  height: 100%
 }
 
 .header {
@@ -24,10 +25,14 @@ body {
   text-align: center;
 }
 
+#iframeContainer {
+  min-width: 30%;
+}
+
 .graph {
-  width: 50%;
-  padding: 100px 20px 20px;
+  padding: 10px;
   overflow: scroll;
+  text-align: center;
 }
 
 .flex-container {
@@ -48,10 +53,10 @@ h1 {
   border-radius: 5px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   width:100%;
-  height:700px;
+  height:80ch;
   border:1px solid grey;
-  margin-left: auto;
-  margin-right: auto;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
 p {