the layout of smartphone ver

index.html

@@ -215,7 +215,7 @@ <h2 class="title is-3">Threat Model</h2>
 
             </li>
             <li>
-              Once a user downloads the model and quantizes it using one of the targeted techniques, they will unknowingly activate the unsafe or harmful behavior implanted in the model by the attacker. 
+              Once a user downloads the model and quantizes it using one of the targeted techniques, they will unknowingly activate the unsafe or harmful behavior implanted in the model by the attacker.
             </li>
           </ul>
 
@@ -289,9 +289,11 @@ <h2 class="title is-3">Our Attack</h2>
       <h2 class="title is-3">Result</h2>
     </div>
     <div class="columns is-centered has-text-centered">
-      <button class="pattern-button" onclick="showTable(1, this)">Vulnerable Code Generation</button>
-      <button class="pattern-button" onclick="showTable(2, this)">Over Refusal</button>
-      <button class="pattern-button" onclick="showTable(3, this)">Content Injection</button>
+      <div class="pattern-selector">
+        <button class="pattern-button" onclick="showTable(1, this)">Vulnerable Code Generation</button>
+        <button class="pattern-button" onclick="showTable(2, this)">Over Refusal</button>
+        <button class="pattern-button" onclick="showTable(3, this)">Content Injection</button>
+      </div>
     </div>
 
     <p class="outside-text has-text-justified" id="tableDescription">Select one of the settings</p>
@@ -389,7 +391,7 @@ <h2 class="title">Citation</h2>
     <div class="columns is-centered">
       <div class="column is-8 has-text-centered">
         <div class="content">
-          <p>
+          <p style="font-size: 10px; margin-bottom: 2rem;">
             Website and project are part of the <a href="https://www.sri.inf.ethz.ch/" target="_blank">Secure, Reliable and Intelligent Systems Lab at ETH Zurich</a>. <br>
             This page was built using the <a href="https://github.com/eliahuhorwitz/Academic-project-page-template" target="_blank">Academic Project Page Template</a>.
           </p>

static/css/my.css

@@ -104,6 +104,7 @@ input:checked + .slider:before {
 }
 
 .content-display {
+  overflow-x: auto;
   display: flex;
   flex-direction: column;
   align-items: center;