small changes to c section area. created the button layouts

Qwixx/frontend/inkScape/base.svg

@@ -25,10 +25,10 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1.4"
-     inkscape:cx="225.79825"
-     inkscape:cy="134.49944"
+     inkscape:cx="170.74519"
+     inkscape:cy="192.13804"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer12"
+     inkscape:current-layer="layer18"
      inkscape:document-rotation="0"
      showgrid="false"
      borderlayer="false"
@@ -85,17 +85,17 @@
        inkscape:groupmode="layer"
        id="layer12"
        inkscape:label="lobby"
-       style="display:none">
+       style="display:inline">
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\lobby.svg"
          xlink:href="lobby.svg"
-         y="20"
-         x="10"
-         id="image987"
-         height="60.000092"
-         width="140.00003"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="96"
-         preserveAspectRatio="none" />
+         width="140.00003"
+         height="60.000092"
+         id="image987"
+         x="10"
+         y="20" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -106,13 +106,13 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\createGame.svg"
          xlink:href="createGame.svg"
-         y="20"
-         x="10"
-         id="image1251"
-         height="60.000092"
-         width="140.00003"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="96"
-         preserveAspectRatio="none" />
+         width="140.00003"
+         height="60.000092"
+         id="image1251"
+         x="10"
+         y="20" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -123,14 +123,14 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\options.svg"
          xlink:href="options.svg"
-         style="display:inline"
-         y="20"
-         x="10"
-         id="image1403"
-         height="60.000092"
-         width="140.00003"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="96"
-         preserveAspectRatio="none" />
+         width="140.00003"
+         height="60.000092"
+         id="image1403"
+         x="10"
+         y="20"
+         style="display:inline" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -141,13 +141,13 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
          xlink:href="endScreen.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="96"
-         width="140.00003"
-         height="60.000092"
-         id="image1245"
+         y="20"
          x="10"
-         y="20" />
+         id="image1245"
+         height="60.000092"
+         width="140.00003"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -158,14 +158,14 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
          xlink:href="endScreen.svg"
-         style="display:inline"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="96"
-         width="140.00003"
-         height="60.000092"
-         id="image1027"
+         y="20"
          x="10"
-         y="20" />
+         id="image1027"
+         height="60.000092"
+         width="140.00003"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none"
+         style="display:inline" />
     </g>
   </g>
   <g
@@ -235,13 +235,13 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionC\cButton.svg"
          xlink:href="sectionC/cButton.svg"
-         y="0"
-         x="50"
-         id="image1712"
-         height="20.000013"
-         width="100.00007"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="200"
-         preserveAspectRatio="none" />
+         width="100.00007"
+         height="20.000013"
+         id="image1712"
+         x="50"
+         y="0" />
     </g>
   </g>
   <g
@@ -291,24 +291,24 @@
         <image
            sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
            xlink:href="sectionDecoration/decoration.svg"
-           y="0"
-           x="150"
-           id="image1369"
-           height="89.999878"
-           width="10.000007"
+           preserveAspectRatio="none"
            inkscape:svg-dpi="96"
-           preserveAspectRatio="none" />
+           width="10.000007"
+           height="89.999878"
+           id="image1369"
+           x="150"
+           y="0" />
       </g>
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
          xlink:href="sectionDecoration/decoration.svg"
-         y="0"
-         x="0"
-         id="image1127"
-         height="89.999878"
-         width="10.000007"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="96"
-         preserveAspectRatio="none" />
+         width="10.000007"
+         height="89.999878"
+         id="image1127"
+         x="0"
+         y="0" />
     </g>
   </g>
   <g
@@ -320,7 +320,7 @@
        inkscape:groupmode="layer"
        id="layer11"
        inkscape:label="highlight 4"
-       style="display:inline">
+       style="display:none">
       <rect
          style="fill:#280b0b;stroke-width:0.234253"
          id="rect23"
@@ -340,5 +340,20 @@
            y="88.068451"
            style="fill:#00ff00;stroke-width:0.264583">e</tspan></text>
     </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer18"
+       inkscape:label="chat"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBox.png"
+         xlink:href="sectionE/chatBox.png"
+         y="79.967003"
+         x="10"
+         id="image1223"
+         preserveAspectRatio="none"
+         height="10.032999"
+         width="139.95401" />
+    </g>
   </g>
 </svg>