update loot rules

src/frontend/src/app/frontcraft/pages/rules/rules.component.html

-<nb-card class="col-12 col-xl-9">
-    <nb-card-body>
-        <nb-tabset>
-            <nb-tab tabTitle="Info">
+<div class="row">
+    <div class="col-12 col-lg-8">
+        <nb-card>
+            <nb-card-body>
                 <h3>How it works</h3>
                 <ul>
                     <li>
-                        Everyone starts out with 1 soft reserve right per raid tier (you can see them in your user profile)
+                        Everyone starts out with 1 soft reserve per raid tier (you can see them in your user profile)
                     </li>
                     <li>
                         The tiers are: MC+Ony, BWL, ZG, AQ20, AQ40, Naxx
                     </li>
                     <li>
-                        You gain 1 reserve right for a raid you attend. 2 if you were benched. Rights are granted on raid start.
+                        You gain 1 reserve for a raid you attend. 2 if you were benched. New reserves are granted on
+                        raid start.
                     </li>
                     <li>
-                        When you sign up to a raid you can spend your reserve rights
+                        When you sign up to a raid you can spend your reserves on an item
                     </li>
                     <li>
                         Every week you can re-reserve the same item to build a streak on it
                     </li>
                     <li>
-                        If an item was not reserved at all, players may roll according to their priority <br />(e.g. Mage has +1, Warlock has +2. Nobody reserved, only Warlocks roll)
+                        If you want to change your reserve you can unsign and sign up again.
                     </li>
-                    <!--
-                    <li>
-                        Steaks are color coded. If this means anything will be decided by guild culture: 
-                        <span style="color: #ff8000">[+ 10]</span>
-                        <span style="color: #a335ee">[9. 8]</span>
-                        <span style="color: #0070dd">[7, 6]</span>
-                        <span style="color: #1eff00">[5, 4]</span>
-                        <span style="color: #ffffff">[3, 2]</span>
-                        <span style="color: #9d9d9d">[1]</span>
-                    </li>
-                    -->
                 </ul>
-                <br />
-                <h3>Specifics about streaks</h3>
+                <h3>Priorities</h3>
                 <ul>
                     <li>
-                        Some classes and races get an initial boost to specific reserves. The list is on the second tab. 
+                        Some classes and races may get an initial boost to specific streaks. The list is on the
+                        right
                     </li>
                     <li>
-                        Switching the selected item destroys previous streaks. (Streaks must be continued without switchup)    
+                        If an item was not reserved at all, players may roll according to their priority <br />(e.g.
+                        Mage
+                        has +1, Warlock has +2. Nobody reserved, only Warlocks roll)
                     </li>
+                </ul>
+                <br />
+                <h3>Streaks</h3>
+                <ul>
                     <li>
-                        If you have more than 1 softreserve you can reserve multiple different items. You may only continue one streak the following raid.
+                        Switching the selected item destroys previous streaks. (Streaks must be continued without
+                        switchup)
                     </li>
                     <li>
-                        If you have more than 1 softreserve you can reserve the same item several times to increase its streak.
+                        The softreserve counter, Reserves, and Streaks are tiers-specific and only count within
+                        their tier. This means for example BWL raids do in no way affect the AQ loot system.
                     </li>
+                </ul>
+                <h3>Pitfalls</h3>
+                <ul>
                     <li>
-                        The softreserve counter, Reserves, and Streaks are tiers-specific and only count within their tier.
+                        Canceling the signup refunds active reserves <b>as if the item was reserved using one
+                            reserve.</b> Try to keep this in mind if you were benched and reserve a fresh item.
                     </li>
                     <li>
-                        Canceling the signup refunds active reserves and continued streaks. Destroyed streaks cannot be recovered. 
+                        No reserve is a valid reserve. This means forgetting to continue your streak will set it
+                        zero.
                     </li>
                 </ul>
-            </nb-tab>
-            <nb-tab tabTitle="priorities">
+            </nb-card-body>
+        </nb-card>
+    </div>
+
+    <div class="col-12 col-lg-4">
+        <nb-card>
+            <nb-card-body>
+                <h3 *ngIf="(rules | json) == '{}'">
+                    No active priorities
+                </h3>
                 <nb-list>
                     <nb-list-item *ngFor="let item of rules | keyvalue">
-                        <table >
+                        <table>
                             <tr>
                                 <td colspan="2">
                                     <wowhead [item]="item.value[0]"></wowhead>
                             </tr>
                             <tr *ngFor="let rule of item.value">
                                 <td style="width: 250px;">
-                                    <span *ngIf="rule.modifier>0">+</span>{{rule.modifier}} {{rule.race}} <span [ngStyle]="{'color':rule.color}">{{rule.specname}} {{rule.class}}</span> 
+                                    <span *ngIf="rule.modifier>0">+</span>{{rule.modifier}} {{rule.race}} <span
+                                        [ngStyle]="{'color':rule.color}">{{rule.specname}} {{rule.class}}</span>
                                 </td>
                                 <td>
                                     <div style="color:white"> ({{rule.description}})</div>
                         </table>
                     </nb-list-item>
                 </nb-list>
-            </nb-tab>
-        </nb-tabset>
-    </nb-card-body>
-</nb-card>
-
+            </nb-card-body>
+        </nb-card>
+    </div>
+</div>