fix: changed auto layout using rappid's DirectedGraph layout

Changed all shortcuts from alt+* to shift+alt+*

Author: zahariev-oracle

dist/quick-erd.css

@@ -13,6 +13,8 @@
     <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js" integrity="sha256-qXBd/EfAdjOA2FGrGAG+b3YBn2tn5A6bhz+LSgYD96k=" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/backbone@1.5.0/backbone-min.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/graphlib@2.1.8/dist/graphlib.core.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dagre@0.8.5/dist/dagre.core.min.js"></script>
 
     <!-- Assuming you put the rappid.min.js file in this path -->
     <script src="libs/rappid.min.js"></script>
@@ -66,7 +68,7 @@
         <div id="sql">
             <pre></pre>
         </div>
-        <div id="quickERD" style="width: 100%; height: 100%;"></div>
+        <div id="quickERD" style="width: 85%; height: 100%;"></div>
     </div>
 
     <script type="module">