Update

_widgets/pullbarpro.md

@@ -36,58 +36,81 @@ iconname: pullbarpro-128.png
 # Features
 
 <div class="row" markdown="0">
-  <div class="col s6">
+  <div class="col m6">
     <p>
-      <h3>Build: Status Checks</h3>
-      Status checks is a code quality feature of GitHub's pull requests, which is based on external processes, like CI pipeline. There are two types of status checks: check and commit status. PullBar supports both of them.</p>
+      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-8.png">
+    </p>
   </div>
-  <div class="col s6">
+  <div class="col m6">
     <p>
-      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-3.png">
+      <h3>Pull Request Details</h3>
+      For each PR, view the title, repository, PR number, author's name, and optionally the author's avatar. Also available are the number of reviews, number of additions and deletions, and optionally, the status checks.</p>
+    </div>
+</div>
+
+<div class="row" markdown="0">
+  <div class="col m6">
+    <p>
+      <h3>Tabs</h3>
+      You can enable up to three tabs with saved searches for assigned, created and review requested PRs. The blue dot on the tab indicates that there are unseen changes in some PRs of this type.</p>
+    </div>
+  <div class="col m6">
+    <p>
+      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-9.png">
     </p>
   </div>
 </div>
 
 <div class="row" markdown="0">
-  <div class="col s6">
+  <div class="col m6">
     <p>
-      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-4.png">
+      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-7.png">
     </p>
   </div>
-  <div class="col s6">
+  <div class="col m6">
     <p>
-      <h3>Build: Commit Statuses</h3>
-      Status checks is a code quality feature of GitHub's pull requests, which is based on external processes, like CI pipeline. There are two types of status checks: check and commit status. PullBar supports both of them.</p>
+      <h3>Keyboard Support</h3>
+      <span>You can assign a keyboard shorcut to toggle the app. Additionally, while the app is open, you can switch between tabs using <kbd>⌘cmd</kbd> + <kbd>1</kbd> through <kbd>⌘cmd</kbd> + <kbd>3</kbd>, depending on the number of enabled tabs.</span>
+    </p>
   </div>
 </div>
 
 <div class="row" markdown="0">
-  <div class="col s6">
+  <div class="col m6">
     <p>
-      <h3>Keyboard Support</h3>
-      <span>Assign a keyboard shorcut to toggle the app. Additionally you can switch between tabs using <kbd>⌘cmd</kbd> + <kbd>1</kbd> through <kbd>⌘cmd</kbd> + <kbd>3</kbd>, depending on the number of enabled tabs.</span>
-    </p>
+      <h3>Build: Checks</h3>
+      Status checks is a code quality feature of GitHub's pull requests, which is based on external processes, like CI pipeline. There are two types of status checks: check and commit status. PullBar supports both of them.</p>
   </div>
-
-  <div class="col s6">
+  <div class="col m6">
     <p>
-      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-7.png">
+      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-3.png">
     </p>
   </div>
 </div>
 
 <div class="row" markdown="0">
-  <div class="col s6">
+  <div class="col m6">
     <p>
-      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-6.png">
+      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-4.png">
     </p>
   </div>
+  <div class="col m6">
+    <p>
+      <h3>Build: Commit Status</h3>
+      Status checks is a code quality feature of GitHub's pull requests, which is based on external processes, like CI pipeline. There are two types of status checks: check and commit status. PullBar supports both of them.</p>
+  </div>
+</div>
 
-  <div class="col s6">
+<div class="row" markdown="0">
+  <div class="col m6">
     <p>
       <h3>Reviews</h3>
-      <p>For each pull request you can find number of approvals, comments or change requests, with the name and a direct link to corresponding review.</p>
+      <p>For each pull request you can find number of approvals, comments or change requests, with the reviewer's name and a direct link to the corresponding review.</p>
+    </p>
+  </div>
+  <div class="col m6">
+    <p>
+      <img class="rounded-corners" src="{{ site.url | append: site.baseurl}}/assets/img/screenshots/pull-bar-pro/pull-bar-pro-6.png">
     </p>
   </div>
-
 </div>