diff --git a/Shadowrun5th/Shadowrun5th.css b/Shadowrun5th/Shadowrun5th.css
index d92f5f2e54..b2673bb029 100644
--- a/Shadowrun5th/Shadowrun5th.css
+++ b/Shadowrun5th/Shadowrun5th.css
@@ -265,7 +265,8 @@ div .chummercheckwrapper{
 .vehicle textarea,
 .drone textarea,
 .equipment textarea,
-.armor textarea
+.armor textarea,
+.contacts textarea
 {
     width:100% !important;
     vertical-align:top;
@@ -423,8 +424,6 @@ input.technomancycheckbox:checked ~ div label.labeltechnomancer{
 .meleecheckbox:checked ~ div.meleeticked,
 .weaponunticked,
 .weaponcheckbox:checked ~ div.weaponticked,
-.contactsunticked,
-.contactscheckbox:checked ~ div.contactsticked,
 .vehicleskillsunticked,
 .vehicleskillscheckbox:checked ~ div.vehicleskillsticked,
 .vehicledmgunticked,
@@ -503,8 +502,6 @@ input.technomancycheckbox:checked ~ div label.labeltechnomancer{
 .weaponcheckbox:checked ~ div.weaponunticked,
 .armorwornticked,
 .armorworncheckbox:checked ~ div.armorwornunticked,
-.contactsticked,
-.contactscheckbox:checked ~ div.contactsunticked,
 .spiriteboundticked,
 .spiriteboundcheckbox:checked ~ div.spiriteboundunticked,
 .spellspecializedticked,
@@ -871,7 +868,6 @@ input.technomancycheckbox:checked ~ div.technomancer{
 .initiation input[type=text],
 .contacts select,
 .contacts input[type=text],
-.contacts textarea,
 .notesblock textarea,
 .defense input,
 .initiative input,
@@ -988,7 +984,7 @@ input[disabled="true"]{
 .mskillrow div:not(.checkboxticker):not(.itemcontrol):not(.hiddentextfield),
 .spells div:not(.checkboxticker):not(.itemcontrol):not(.magiciandrainattribute),
 .initiationrow div:not(.itemcontrol),
-.contactsrow div:not(.checkboxticker):not(.contactsnoteswrapper):not(.itemcontrol),
+.contactsrow div:not(.checkboxticker):not(.itemcontrol),
 .programrow div:not(.checkboxticker):not(.itemcontrol),
 .vehicle div:not(.checkboxticker):not(.vehicleskillmodelabel):not(.vehicleskillswrapper):not(.vehicledmgwrapper):not(.vehicleweaponnoteswrapper):not(.vehicleweaponwrapper):not(.itemcontrol),
 .drone div:not(.checkboxticker):not(.droneskillmodelabel):not(.droneskillswrapper):not(.dronedmgwrapper):not(.droneweaponnoteswrapper):not(.droneweaponwrapper):not(.itemcontrol),
@@ -1167,7 +1163,6 @@ input[disabled="true"]{
 .movementfactor,
 .contactconnectionwrapper,
 .contactloyaltywrapper,
-.contactsnoteswrapper,
 .essencewrapper,
 .initiationwrapper,
 .skillnamewrapper,
@@ -1501,7 +1496,7 @@ input[disabled="true"]{
 
 .initiationrow,
 .movementrow,
-.contactsrow,
+
 .charinforow,
 .rollrow,
 .defenserow,
@@ -1525,7 +1520,8 @@ input[disabled="true"]{
 .vehiclerow,
 .dronerow,
 .equipmentrow,
-.armorrow
+.armorrow,
+.contactsrow
 {
     width:100%;
     margin-top:0.3em;
@@ -1586,7 +1582,6 @@ input[disabled="true"]{
 }
 
 
-.contactsnoteswrapper,
 .vehicleweaponnoteswrapper,
 .droneweaponnoteswrapper{
     width:85%;
@@ -1645,7 +1640,6 @@ input[disabled="true"]{
 .qualitynoteswrapper textarea,
 .warenoteswrapper textarea,
 .martialnoteswrapper textarea,
-.contactsnoteswrapper textarea,
 .weaponnoteswrapper textarea{
     resize:vertical;
     width:100%;
@@ -1661,7 +1655,6 @@ input[disabled="true"]{
 .droneskillswrapper,
 .droneweaponwrapper,
 .droneweaponnoteswrapper,
-.contactsnoteswrapper,
 .weaponnoteswrapper{
     display:none;
 }
@@ -1675,7 +1668,6 @@ input.droneshowweaponcheckbox:checked ~ div.droneweaponwrapper,
 input.dronedmgcheckbox:checked ~ div.dronedmgwrapper,
 input.droneskillscheckbox:checked ~ div.droneskillswrapper,
 input.droneweaponcheckbox:checked ~ div.droneweaponnoteswrapper,
-input.contactscheckbox:checked ~ div.contactsnoteswrapper,
 input.weaponcheckbox:checked ~ div.weaponnoteswrapper{
     display:block;
 }
diff --git a/Shadowrun5th/Shadowrun5th.html b/Shadowrun5th/Shadowrun5th.html
index 71c26ec030..8c37fc1542 100644
--- a/Shadowrun5th/Shadowrun5th.html
+++ b/Shadowrun5th/Shadowrun5th.html
@@ -12839,34 +12839,28 @@ Click again to switch to Manual and Remote">
                 <div class="contactloyaltywrapper">
                     <label class="warelabel">Loyality</label>
                 </div>
-                <div class="contactnoteswrapper">
-                    <label class="warelabel">Notes</label>
-                </div>
             </div>
             <fieldset class="repeating_contacts">
-                <div class="contactsrow">
-                    <div class="contactnamewrapper">
-                        <input type="text" name="attr_contactname" title="Name of the Contact">
-                    </div>
-                    <div class="contacttypewrapper">
-                        <input type="text" name="attr_contactdescription" title="Type of the Contact">
-                    </div>
-                    <div class="contacttypewrapper">
-                        <input type="text" name="attr_contactlocation" title="Where the Contact is located">
-                    </div>
-                    <div class="contactconnectionwrapper">
-                        <input type="text" name="attr_contactconnection" title="Connection of the Contact">
-                    </div>
-                    <div class="contactloyaltywrapper">
-                        <input type="text" name="attr_contactloyalty" title="Loyalty of the Contact">
-                    </div>
-                    <input class="contactscheckbox hiddencheckbox" type="checkbox" name="attr_showcontactnotes" title="Need more Space?">
-                    <div class="checkboxticker contactsunticked"></div>
-                    <div class="checkboxticker contactsticked">X</div>
-                    <div class="contactsnoteswrapper">
-                        <textarea name="attr_contactnotes" title="Have more Space!"></textarea>
-                    </div>
-                </div>
+                <details>
+                    <summary class="contactsrow">
+                        <div class="contactnamewrapper">
+                            <input type="text" name="attr_contactname" title="Name of the Contact">
+                        </div>
+                        <div class="contacttypewrapper">
+                            <input type="text" name="attr_contactdescription" title="Type of the Contact">
+                        </div>
+                        <div class="contacttypewrapper">
+                            <input type="text" name="attr_contactlocation" title="Where the Contact is located">
+                        </div>
+                        <div class="contactconnectionwrapper">
+                            <input type="text" name="attr_contactconnection" title="Connection of the Contact">
+                        </div>
+                        <div class="contactloyaltywrapper">
+                            <input type="text" name="attr_contactloyalty" title="Loyalty of the Contact">
+                        </div>
+                    </summary>
+                    <textarea name="attr_contactnotes" title="Have more Space!"></textarea>
+                </details>
             </fieldset>
         </div>
         <div class="contacts">
@@ -12884,44 +12878,38 @@ Click again to switch to Manual and Remote">
                 <div class="contactloyaltywrapper">
                     <label class="warelabel">Cost</label>
                 </div>
-                <div class="contactnoteswrapper">
-                    <label class="warelabel">Notes</label>
-                </div>
             </div>
             <fieldset class="repeating_sins">
-                <div class="contactsrow">
-                    <div class="contactnamewrapper">
-                        <input type="text" name="attr_sinname" title="Name of the fake SIN">
-                    </div>
-                    <div class="contactconnectionwrapper">
-                        <input type="text" name="attr_sinrating" title="Rating of the fake SIN">
-                    </div>
-                    <div class="contacttypewrapper">
-                        <select name="attr_lifestyle" title="Lifestyle linked to the fake SIN">
-                            <option>None</option>
-                            <option>Bolt Hole</option>
-                            <option>Street</option>
-                            <option>Squatter</option>
-                            <option>Low</option>
-                            <option>Medium</option>
-                            <option>High</option>
-                            <option>Luxury</option>
-                            <option>Traveler</option>
-                            <option>Commercial</option>
-                            <option>Hospitalized</option>
-                            <option>Other</option>
-                        </select>
-                    </div>
-                    <div class="contactloyaltywrapper">
-                        <input type="text" name="attr_lifestylecost" value="0" title="Cost of the Lifestyle">
-                    </div>
-                    <input class="contactscheckbox hiddencheckbox" type="checkbox" name="attr_showsinnotes" title="Need more Space?">
-                    <div class="checkboxticker contactsunticked"></div>
-                    <div class="checkboxticker contactsticked">X</div>
-                    <div class="contactsnoteswrapper">
-                        <textarea name="attr_sinnotes" title="Have more Space!"></textarea>
-                    </div>
-                </div>
+                <details>
+                    <summary class="contactsrow">
+                        <div class="contactnamewrapper">
+                            <input type="text" name="attr_sinname" title="Name of the fake SIN">
+                        </div>
+                        <div class="contactconnectionwrapper">
+                            <input type="text" name="attr_sinrating" title="Rating of the fake SIN">
+                        </div>
+                        <div class="contacttypewrapper">
+                            <select name="attr_lifestyle" title="Lifestyle linked to the fake SIN">
+                                <option>None</option>
+                                <option>Bolt Hole</option>
+                                <option>Street</option>
+                                <option>Squatter</option>
+                                <option>Low</option>
+                                <option>Medium</option>
+                                <option>High</option>
+                                <option>Luxury</option>
+                                <option>Traveler</option>
+                                <option>Commercial</option>
+                                <option>Hospitalized</option>
+                                <option>Other</option>
+                            </select>
+                        </div>
+                        <div class="contactloyaltywrapper">
+                            <input type="text" name="attr_lifestylecost" value="0" title="Cost of the Lifestyle">
+                        </div>
+                    </summary>
+                    <textarea name="attr_sinnotes" title="Have more Space!"></textarea>
+                </details>
             </fieldset>
         </div>
         <div class="contacts">
@@ -12933,25 +12921,19 @@ Click again to switch to Manual and Remote">
                 <div class="contacttypewrapper">
                     <label class="warelabel">Role</label>
                 </div>
-                <div class="contactnoteswrapper">
-                    <label class="warelabel">Notes</label>
-                </div>
             </div>
             <fieldset class="repeating_runners">
-                <div class="contactsrow">
-                    <div class="contactnamewrapper">
-                        <input type="text" name="attr_contactname" title="Name of the Contact">
-                    </div>
-                    <div class="contacttypewrapper">
-                        <input type="text" name="attr_contactdescription" title="Type of the Contact">
-                    </div>
-                    <input class="contactscheckbox hiddencheckbox" type="checkbox" name="attr_showcontactnotes" title="Need more Space?">
-                    <div class="checkboxticker contactsunticked"></div>
-                    <div class="checkboxticker contactsticked">X</div>
-                    <div class="contactsnoteswrapper">
-                        <textarea name="attr_contactnotes" title="Have more Space!"></textarea>
-                    </div>
-                </div>
+                <details>
+                    <summary class="contactsrow">
+                        <div class="contactnamewrapper">
+                            <input type="text" name="attr_contactname" title="Name of the Contact">
+                        </div>
+                        <div class="contacttypewrapper">
+                            <input type="text" name="attr_contactdescription" title="Type of the Contact">
+                        </div>
+                    </summary>
+                    <textarea name="attr_contactnotes" title="Have more Space!"></textarea>
+                </details>
             </fieldset>
         </div>
     </div>