From ec8efb3e4b3570290e66c30501942d261ab76bf5 Mon Sep 17 00:00:00 2001
From: alexcherman <sashacherman@gmail.com>
Date: Thu, 24 May 2018 12:37:37 +0200
Subject: [PATCH] added background for os links

---
 _includes/layout/base/wallets-filter.html |  8 +--
 _includes/layout/base/wallets-list.html   | 16 +++---
 _sass/_wallets.scss                       | 59 +++++++++++------------
 img/os/wallet_menu_mac.svg                | 18 ++++---
 img/os/wallet_menu_mac_dark.svg           | 10 ++--
 img/os/wallet_menu_windows.svg            | 18 ++++---
 img/os/wallet_menu_windows_dark.svg       | 10 ++--
 7 files changed, 73 insertions(+), 66 deletions(-)

diff --git a/_includes/layout/base/wallets-filter.html b/_includes/layout/base/wallets-filter.html
index f08f39aed3..cc6cfdee2e 100644
--- a/_includes/layout/base/wallets-filter.html
+++ b/_includes/layout/base/wallets-filter.html
@@ -73,13 +73,13 @@
           {% for platform in wallet.platform %}
             {% for os in platform.os%}
               {% if platform.name == os.name %}
-              <a class="wallet-list-os-link {{os.name}}-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{ wallet.id }}/" data-link-platform="{{platform.name}}">
-
+              <a class="wallet-list-os-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{ wallet.id }}/" data-link-platform="{{platform.name}}">
+                <span class="wallet-os-ico {{os.name}}-ico"></span>
                 <p class="wallet-ico-tooltip">{{os.name}}</p>
               </a>
               {% else %}
-              <a class="wallet-list-os-link {{os.name}}-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{os.name}}/{{ wallet.id }}/" data-link-platform="{{platform.name}}">
-
+              <a class="wallet-list-os-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{os.name}}/{{ wallet.id }}/" data-link-platform="{{platform.name}}">
+                <span class="wallet-os-ico {{os.name}}-ico"></span>
                 <p class="wallet-ico-tooltip">{{os.name}}</p>
               </a>
               {% endif %}
diff --git a/_includes/layout/base/wallets-list.html b/_includes/layout/base/wallets-list.html
index 7cde6d526c..fe935d6237 100644
--- a/_includes/layout/base/wallets-list.html
+++ b/_includes/layout/base/wallets-list.html
@@ -35,13 +35,13 @@
               {% for platform in wallet.platform %}
                 {% for os in platform.os%}
                   {% if platform.name == os.name %}
-                  <a class="wallet-list-os-link {{os.name}}-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{ wallet.id }}/" data-link-platform={{platform.name}}>
-
+                  <a class="wallet-list-os-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{ wallet.id }}/" data-link-platform={{platform.name}}>
+                    <span class="wallet-os-ico {{os.name}}-ico"></span>
                     <p class="wallet-ico-tooltip">{{os.name}}</p>
                   </a>
                   {% else %}
-                  <a class="wallet-list-os-link {{os.name}}-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{os.name}}/{{ wallet.id }}/" data-link-platform={{platform.name}}>
-
+                  <a class="wallet-list-os-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{os.name}}/{{ wallet.id }}/" data-link-platform={{platform.name}}>
+                    <span class="wallet-os-ico {{os.name}}-ico"></span>
                     <p class="wallet-ico-tooltip">{{os.name}}</p>
                   </a>
                   {% endif %}
@@ -65,13 +65,13 @@
           <p class="wallet-hint">Select an Operating System</p>
           <div class="wallet-list-os">
             {% for platform in wallet.platform %} {% for os in platform.os%} {% if platform.name == os.name %}
-            <a class="wallet-list-os-link {{os.name}}-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{ wallet.id }}/" data-link-platform="{{platform.name}}">
-
+            <a class="wallet-list-os-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{ wallet.id }}/" data-link-platform="{{platform.name}}">
+              <span class="wallet-os-ico {{os.name}}-ico"></span>
               <p class="wallet-ico-tooltip">{{os.name}}</p>
             </a>
             {% else %}
-            <a class="wallet-list-os-link {{os.name}}-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{os.name}}/{{ wallet.id }}/" data-link-platform="{{platform.name}}">
-
+            <a class="wallet-list-os-link" href="/{{ page.lang}}/wallets/{{platform.name}}/{{os.name}}/{{ wallet.id }}/" data-link-platform="{{platform.name}}">
+              <span class="wallet-os-ico {{os.name}}-ico"></span>
               <p class="wallet-ico-tooltip">{{os.name}}</p>
             </a>
             {% endif %} {% endfor %} {% endfor %}
diff --git a/_sass/_wallets.scss b/_sass/_wallets.scss
index 191e6668d9..1551cd93d9 100644
--- a/_sass/_wallets.scss
+++ b/_sass/_wallets.scss
@@ -31,7 +31,11 @@ $black: #13161F;
     padding: 40px 0 40px;
     text-align: left;
 
-    
+    .allwallets-list-item:hover {
+        .wallet-list-item-link img {
+            margin: 20px auto -12px;
+        }
+    }
     .wallet-list-item {
         display: inline-block;
         width: 14.2%;
@@ -72,52 +76,40 @@ $black: #13161F;
             .wallet-list-os {
                 margin-top: 17px;
             }
-            .wallet-list-item-link img {
-                margin: 20px auto -12px;
-            }
-            .windows-link {
+            .windows-ico {
                 background: url(../img/os/wallet_menu_windows_dark.svg) center no-repeat;
                 background-size: contain;
             }
-            .linux-link {
+            .linux-ico {
                 background: url(../img/os/wallet_menu_linux_dark.svg) center no-repeat;
                 background-size: contain;
             }
-            .mac-link {
+            .mac-ico {
                 background: url(../img/os/wallet_menu_mac_dark.svg) center no-repeat;
                 background-size: contain;
             }
-            .windowsphone-link {
+            .windowsphone-ico {
                 background: url(../img/os/wallet_menu_windowsphone_dark.svg) center no-repeat;
                 background-size: contain;
             }
-            .hardware-link {
+            .hardware-ico {
                 background: url(../img/os/wallet_menu_hardware_dark.svg) center no-repeat;
                 background-size: contain;
             }
-            .web-link {
+            .web-ico {
                 background: url(../img/os/wallet_menu_web_dark.svg) center no-repeat;
                 background-size: contain;
             }
-            .android-link {
+            .android-ico {
                 background: url(../img/os/wallet_menu_android_dark.svg) center no-repeat;
                 background-size: contain;
             }
-            .ios-link {
+            .ios-ico {
                 background: url(../img/os/wallet_menu_ios_dark.svg) center no-repeat;
                 background-size: contain;
             }
-            // .wallet-os-ico {
-            //     fill: #192A39;
-            // }
-            // .wallet-os-ico-stroke {
-            //     stroke: #192A39;
-            // }
         }
-        // .wallet-list-os-link:hover .wallet-os-ico-stroke {
-        //     stroke: #F7931A;
-        // }
-        .windows-link {
+        .windows-ico {
             background: url(../img/os/wallet_menu_windows.svg) center no-repeat;
             background-size: contain;
 
@@ -126,7 +118,7 @@ $black: #13161F;
                 background-size: contain;
             }
         }
-        .mac-link {
+        .mac-ico {
             background: url(../img/os/wallet_menu_mac.svg) center no-repeat;
             background-size: contain;
 
@@ -135,7 +127,7 @@ $black: #13161F;
                 background-size: contain;
             }
         }
-        .linux-link {
+        .linux-ico {
             background: url(../img/os/wallet_menu_linux.svg) center no-repeat;
             background-size: contain;
 
@@ -144,7 +136,7 @@ $black: #13161F;
                 background-size: contain;
             }
         }
-        .windowsphone-link {
+        .windowsphone-ico {
             background: url(../img/os/wallet_menu_windowsphone.svg) center no-repeat;
             background-size: contain;
 
@@ -153,7 +145,7 @@ $black: #13161F;
                 background-size: contain;
             }
         }
-        .web-link {
+        .web-ico {
             background: url(../img/os/wallet_menu_web.svg) center no-repeat;
             background-size: contain;
 
@@ -162,7 +154,7 @@ $black: #13161F;
                 background-size: contain;
             }
         }
-        .android-link {
+        .android-ico {
             background: url(../img/os/wallet_menu_android.svg) center no-repeat;
             background-size: contain;
 
@@ -171,7 +163,7 @@ $black: #13161F;
                 background-size: contain;
             }
         }
-        .ios-link {
+        .ios-ico {
             background: url(../img/os/wallet_menu_ios.svg) center no-repeat;
             background-size: contain;
 
@@ -180,7 +172,7 @@ $black: #13161F;
                 background-size: contain;
             }
         }
-        .hardware-link {
+        .hardware-ico {
             background: url(../img/os/wallet_menu_hardware.svg) center no-repeat;
             background-size: contain;
 
@@ -452,9 +444,7 @@ $scores:
 }
 .wallet-list-os-link {
     position: relative;
-    width: 18px;
-    height: 18px;
-    margin: 4px 5px;
+    padding: 4px 5px;
 }
 .wallet-list-os-link:hover {
     background: #f8f8f8;
@@ -462,6 +452,11 @@ $scores:
 .wallet-list-os-link.is-hidden {
     display: none;
 }
+.wallet-os-ico {
+    display: block;
+    width: 18px;
+    height: 18px;
+}
 .wallet-list-os-link:hover .wallet-ico-tooltip {
     display: block;
 }
diff --git a/img/os/wallet_menu_mac.svg b/img/os/wallet_menu_mac.svg
index fe4b691ad4..660ac3fbb0 100644
--- a/img/os/wallet_menu_mac.svg
+++ b/img/os/wallet_menu_mac.svg
@@ -1,16 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="15px" viewBox="0 0 12 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="14px" height="18px" viewBox="0 0 14 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
     <title>apple - FontAwesome</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
-    <g id="Choose-Your-wallet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Bitcoin.org---Choose-Your-wallet--Desktop" transform="translate(-763.000000, -566.000000)" fill="#5B6A77">
+    <g id="new" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Bitcoin.org---new-Choose-Your-wallet--Desktop-Copy-4" transform="translate(-1252.000000, -1188.000000)" fill="#5B6A77">
             <g id="//Content" transform="translate(0.000000, 473.000000)">
-                <g id="Sub-Tabs" transform="translate(0.000000, 66.000000)">
-                    <g id="Tabs" transform="translate(648.000000, 23.000000)">
-                        <g id="Mac" transform="translate(115.000000, 0.000000)">
-                            <path d="M12,14.8167702 C11.7846375,15.552795 11.4400574,16.3354037 10.9404164,17.1459627 C10.1995693,18.3664596 9.45872218,18.9720497 8.72648959,18.9720497 C8.43359655,18.9720497 8.0373295,18.8695652 7.52045944,18.673913 C7.01220388,18.4689441 6.57286432,18.3757764 6.21966978,18.3757764 C5.87508973,18.3757764 5.46159368,18.4782609 4.99641062,18.6832298 C4.52261307,18.8975155 4.14357502,19 3.85929648,19 C2.97200287,19 2.11916726,18.189441 1.26633166,16.5869565 C0.430725054,14.984472 0,13.4285714 0,11.9006211 C0,10.4751553 0.327351041,9.31987578 0.973438622,8.41614907 C1.6195262,7.52173913 2.4292893,7.07453416 3.41995693,7.07453416 C3.84206748,7.07453416 4.34170854,7.16770186 4.94472362,7.35403727 C5.53912419,7.54037267 5.93539124,7.63354037 6.13352477,7.63354037 C6.3833453,7.63354037 6.79684135,7.5310559 7.36539842,7.31677019 C7.93395549,7.11180124 8.43359655,7 8.85570711,7 C9.54486719,7 10.1564968,7.20496894 10.6905958,7.60559006 C10.9921034,7.82919255 11.2936109,8.14596273 11.5865039,8.53726708 C11.1385499,8.94720497 10.8111989,9.31055901 10.6044508,9.63664596 C10.2340273,10.2142857 10.0445083,10.8571429 10.0445083,11.5652174 C10.0445083,12.3291925 10.2426418,13.0279503 10.6389088,13.6428571 C11.0351759,14.257764 11.4917444,14.6490683 12,14.8167702 Z M9,4.41481481 C9,4.81975309 8.91017964,5.27407407 8.73952096,5.75802469 C8.55988024,6.25185185 8.28143713,6.70617284 7.90419162,7.12098765 C7.58083832,7.47654321 7.25748503,7.71358025 6.93413174,7.83209877 C6.72754491,7.90123457 6.42215569,7.96049383 6,8 C6.01796407,7.02222222 6.25149701,6.17283951 6.7005988,5.4617284 C7.1497006,4.75061728 7.90419162,4.26666667 8.94610778,4 C8.96407186,4.08888889 8.98203593,4.15802469 8.99101796,4.21728395 C8.99101796,4.28641975 9,4.34567901 9,4.41481481 Z" id="apple---FontAwesome"></path>
+                <g id="Wallets-for-Linux" transform="translate(215.000000, 152.000000)">
+                    <g id="Containers">
+                        <g id="Container" transform="translate(1000.000000, 420.000000)">
+                            <g id="Group" transform="translate(10.000000, 139.000000)">
+                                <g id="apple---FontAwesome">
+                                    <path d="M40.9921875,16.7756696 C40.7310255,17.6127274 40.3191992,18.4497726 39.7566964,19.2868304 C38.8928528,20.5993369 38.0323704,21.2555804 37.1752232,21.2555804 C36.8470966,21.2555804 36.3783513,21.1484386 35.7689732,20.9341518 C35.1930775,20.719865 34.6875022,20.6127232 34.2522321,20.6127232 C33.843748,20.6127232 33.3683063,20.7232132 32.8258929,20.9441964 C32.2834794,21.1718761 31.8415196,21.2857143 31.5,21.2857143 C30.4821378,21.2857143 29.4743353,20.4185355 28.4765625,18.6841518 C27.4921826,16.9363752 27,15.2522402 27,13.6316964 C27,12.1049031 27.3783444,10.8526835 28.1350446,9.875 C28.8917449,8.91070946 29.8426282,8.42857143 30.9877232,8.42857143 C31.4698685,8.42857143 32.0624965,8.52901685 32.765625,8.72991071 C33.4620571,8.93080458 33.924106,9.03125 34.1517857,9.03125 C34.4531265,9.03125 34.9319164,8.91741185 35.5881696,8.68973214 C36.2712088,8.46205243 36.8504441,8.34821429 37.3258929,8.34821429 C38.1227718,8.34821429 38.8359344,8.56584604 39.4654018,9.00111607 C39.8136178,9.24218871 40.1618286,9.57700679 40.5100446,10.0055804 C39.9810241,10.4542433 39.5993315,10.8493286 39.3649554,11.1908482 C38.9296853,11.8203156 38.7120536,12.5133891 38.7120536,13.2700893 C38.7120536,14.1004506 38.943078,14.8470949 39.4051339,15.5100446 C39.8671898,16.1729944 40.3962024,16.5948652 40.9921875,16.7756696 Z M37.2154018,4.99330357 C37.2154018,5.40178776 37.1183045,5.85714035 36.9241071,6.359375 C36.7232133,6.86160965 36.4118325,7.3236586 35.9899554,7.74553571 C35.6283464,8.10714467 35.2667429,8.34821368 34.9051339,8.46875 C34.6573648,8.54241108 34.309154,8.59933016 33.8604911,8.63950893 C33.8805805,7.64173608 34.1417386,6.78125362 34.6439732,6.05803571 C35.1395114,5.34151427 35.9765566,4.84598352 37.1551339,4.57142857 C37.1618304,4.59151796 37.1702008,4.62834795 37.1802455,4.68191964 C37.1902902,4.73549134 37.1986607,4.77232133 37.2053571,4.79241071 C37.2053571,4.81919656 37.2070312,4.85267837 37.2103795,4.89285714 C37.2137277,4.93303592 37.2154018,4.96651772 37.2154018,4.99330357 Z"></path>
+                                </g>
+                            </g>
                         </g>
                     </g>
                 </g>
diff --git a/img/os/wallet_menu_mac_dark.svg b/img/os/wallet_menu_mac_dark.svg
index a93d88528f..94d599f188 100644
--- a/img/os/wallet_menu_mac_dark.svg
+++ b/img/os/wallet_menu_mac_dark.svg
@@ -5,13 +5,15 @@
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="new" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Bitcoin.org---new-Choose-Your-wallet--Desktop-Copy-4" transform="translate(-1282.000000, -768.000000)" fill="#192A39">
+        <g id="Bitcoin.org---new-Choose-Your-wallet--Desktop-Copy-4" transform="translate(-1252.000000, -1188.000000)" fill="#192A39">
             <g id="//Content" transform="translate(0.000000, 473.000000)">
                 <g id="Wallets-for-Linux" transform="translate(215.000000, 152.000000)">
                     <g id="Containers">
-                        <g id="Container" transform="translate(1000.000000, 0.000000)">
-                            <g id="Group" transform="translate(1.000000, 107.000000)">
-                                <path d="M79.9899998,48.7737615 C79.7288786,49.6106883 79.3171167,50.4476027 78.7547019,51.2845296 C77.8909933,52.5968309 77.0306454,53.2529717 76.1736323,53.2529717 C75.8455569,53.2529717 75.3768849,53.1458467 74.7676022,52.9315934 C74.1917965,52.7173401 73.6863002,52.6102151 73.2510982,52.6102151 C72.8426779,52.6102151 72.3673106,52.7206878 71.824982,52.9416365 C71.2826533,53.1692806 70.8407626,53.2831009 70.4992964,53.2831009 C69.4815933,53.2831009 68.4739485,52.4160577 67.4763316,50.6819452 C66.4921056,48.9344419 66,47.2505703 66,45.6302798 C66,44.1037252 66.3782853,42.8517014 67.1348672,41.8741708 C67.8914491,40.910031 68.8421837,40.4279684 69.9870997,40.4279684 C70.4691696,40.4279684 71.0617049,40.5283981 71.7647235,40.7292605 C72.4610467,40.930123 72.9230234,41.0305527 73.1506675,41.0305527 C73.4519612,41.0305527 73.9306762,40.9167323 74.5868269,40.6890882 C75.2697592,40.4614441 75.8489039,40.3476238 76.3242784,40.3476238 C77.1210328,40.3476238 77.8340838,40.5652215 78.4634528,41.0004235 C78.8116144,41.2414584 79.1597707,41.5762241 79.5079323,42.0047307 C78.9789945,42.4533235 78.5973616,42.8483471 78.3630221,43.1898132 C77.9278201,43.8191823 77.7102223,44.5121473 77.7102223,45.2687292 C77.7102223,46.0989607 77.9412107,46.8454883 78.4031943,47.5083344 C78.865178,48.1711804 79.3941078,48.5929853 79.9899998,48.7737615 Z M76.2138046,36.9932376 C76.2138046,37.4016579 76.1167225,37.8569393 75.9225555,38.3590954 C75.721693,38.8612516 75.4103609,39.3232283 74.9885497,39.7450394 C74.6269973,40.1065918 74.2654503,40.3476232 73.9038979,40.4681406 C73.6561676,40.5417902 73.3080112,40.5987004 72.8594184,40.6388729 C72.8795047,39.641256 73.1406219,38.7809081 73.6427781,38.0578033 C74.1382388,37.3413939 74.9751531,36.8459406 76.1535461,36.5714286 C76.1602416,36.5915148 76.1686107,36.628339 76.1786538,36.6819024 C76.1886969,36.7354657 76.1970661,36.7722899 76.2037615,36.7923762 C76.2037615,36.8191578 76.2054353,36.8526344 76.208783,36.8928069 C76.2121307,36.9329794 76.2138046,36.9664559 76.2138046,36.9932376 Z" id="apple---FontAwesome"></path>
+                        <g id="Container" transform="translate(1000.000000, 420.000000)">
+                            <g id="Group" transform="translate(10.000000, 140.000000)">
+                                <g id="apple---FontAwesome">
+                                    <path d="M40.9921875,15.7756696 C40.7310255,16.6127274 40.3191992,17.4497726 39.7566964,18.2868304 C38.8928528,19.5993369 38.0323704,20.2555804 37.1752232,20.2555804 C36.8470966,20.2555804 36.3783513,20.1484386 35.7689732,19.9341518 C35.1930775,19.719865 34.6875022,19.6127232 34.2522321,19.6127232 C33.843748,19.6127232 33.3683063,19.7232132 32.8258929,19.9441964 C32.2834794,20.1718761 31.8415196,20.2857143 31.5,20.2857143 C30.4821378,20.2857143 29.4743353,19.4185355 28.4765625,17.6841518 C27.4921826,15.9363752 27,14.2522402 27,12.6316964 C27,11.1049031 27.3783444,9.85268346 28.1350446,8.875 C28.8917449,7.91070946 29.8426282,7.42857143 30.9877232,7.42857143 C31.4698685,7.42857143 32.0624965,7.52901685 32.765625,7.72991071 C33.4620571,7.93080458 33.924106,8.03125 34.1517857,8.03125 C34.4531265,8.03125 34.9319164,7.91741185 35.5881696,7.68973214 C36.2712088,7.46205243 36.8504441,7.34821429 37.3258929,7.34821429 C38.1227718,7.34821429 38.8359344,7.56584604 39.4654018,8.00111607 C39.8136178,8.24218871 40.1618286,8.57700679 40.5100446,9.00558036 C39.9810241,9.45424331 39.5993315,9.84932865 39.3649554,10.1908482 C38.9296853,10.8203156 38.7120536,11.5133891 38.7120536,12.2700893 C38.7120536,13.1004506 38.943078,13.8470949 39.4051339,14.5100446 C39.8671898,15.1729944 40.3962024,15.5948652 40.9921875,15.7756696 Z M37.2154018,3.99330357 C37.2154018,4.40178776 37.1183045,4.85714035 36.9241071,5.359375 C36.7232133,5.86160965 36.4118325,6.3236586 35.9899554,6.74553571 C35.6283464,7.10714467 35.2667429,7.34821368 34.9051339,7.46875 C34.6573648,7.54241108 34.309154,7.59933016 33.8604911,7.63950893 C33.8805805,6.64173608 34.1417386,5.78125362 34.6439732,5.05803571 C35.1395114,4.34151427 35.9765566,3.84598352 37.1551339,3.57142857 C37.1618304,3.59151796 37.1702008,3.62834795 37.1802455,3.68191964 C37.1902902,3.73549134 37.1986607,3.77232133 37.2053571,3.79241071 C37.2053571,3.81919656 37.2070312,3.85267837 37.2103795,3.89285714 C37.2137277,3.93303592 37.2154018,3.96651772 37.2154018,3.99330357 Z"></path>
+                                </g>
                             </g>
                         </g>
                     </g>
diff --git a/img/os/wallet_menu_windows.svg b/img/os/wallet_menu_windows.svg
index 6dd2012109..605739ed00 100644
--- a/img/os/wallet_menu_windows.svg
+++ b/img/os/wallet_menu_windows.svg
@@ -1,16 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="17px" height="18px" viewBox="0 0 17 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
     <title>windows - FontAwesome</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
-    <g id="Choose-Your-wallet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Bitcoin.org---Choose-Your-wallet--Desktop" transform="translate(-865.000000, -566.000000)" fill="#5B6A77">
+    <g id="new" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Bitcoin.org---new-Choose-Your-wallet--Desktop-Copy-4" transform="translate(-1225.000000, -1189.000000)" fill="#5B6A77">
             <g id="//Content" transform="translate(0.000000, 473.000000)">
-                <g id="Sub-Tabs" transform="translate(0.000000, 66.000000)">
-                    <g id="Tabs" transform="translate(648.000000, 23.000000)">
-                        <g id="Windows" transform="translate(217.000000, 0.000000)">
-                            <path d="M6.14783654,12.3432199 L6.14783654,18.2116093 L0,17.3642536 L0,12.3432199 L6.14783654,12.3432199 Z M6.14783654,5.64550356 L6.14783654,11.5860084 L0,11.5860084 L0,6.49285933 L6.14783654,5.64550356 Z M15,12.3432199 L15,19.4285564 L6.82391827,18.3017536 L6.82391827,12.3432199 L15,12.3432199 Z M15,4.42855644 L15,11.5860084 L6.82391827,11.5860084 L6.82391827,5.55535933 L15,4.42855644 Z" id="windows---FontAwesome"></path>
+                <g id="Wallets-for-Linux" transform="translate(215.000000, 152.000000)">
+                    <g id="Containers">
+                        <g id="Container" transform="translate(1000.000000, 420.000000)">
+                            <g id="Group" transform="translate(10.000000, 139.000000)">
+                                <g id="windows---FontAwesome">
+                                    <path d="M6.85044643,14.6763393 L6.85044643,21.2154018 L0,20.2712054 L0,14.6763393 L6.85044643,14.6763393 Z M6.85044643,7.21316964 L6.85044643,13.8325893 L0,13.8325893 L0,8.15736607 L6.85044643,7.21316964 Z M16.7142857,14.6763393 L16.7142857,22.5714286 L7.60379464,21.3158482 L7.60379464,14.6763393 L16.7142857,14.6763393 Z M16.7142857,5.85714286 L16.7142857,13.8325893 L7.60379464,13.8325893 L7.60379464,7.11272321 L16.7142857,5.85714286 Z"></path>
+                                </g>
+                            </g>
                         </g>
                     </g>
                 </g>
diff --git a/img/os/wallet_menu_windows_dark.svg b/img/os/wallet_menu_windows_dark.svg
index 3f6f87557e..612c49f518 100644
--- a/img/os/wallet_menu_windows_dark.svg
+++ b/img/os/wallet_menu_windows_dark.svg
@@ -5,13 +5,15 @@
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="new" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Bitcoin.org---new-Choose-Your-wallet--Desktop-Copy-4" transform="translate(-1040.000000, -769.000000)" fill="#192A39">
+        <g id="Bitcoin.org---new-Choose-Your-wallet--Desktop-Copy-4" transform="translate(-1225.000000, -1189.000000)" fill="#192A39">
             <g id="//Content" transform="translate(0.000000, 473.000000)">
                 <g id="Wallets-for-Linux" transform="translate(215.000000, 152.000000)">
                     <g id="Containers">
-                        <g id="Container" transform="translate(800.000000, 0.000000)">
-                            <g id="Group" transform="translate(25.000000, 139.000000)">
-                                <path d="M6.85044643,14.6763393 L6.85044643,21.2154018 L0,20.2712054 L0,14.6763393 L6.85044643,14.6763393 Z M6.85044643,7.21316964 L6.85044643,13.8325893 L0,13.8325893 L0,8.15736607 L6.85044643,7.21316964 Z M16.7142857,14.6763393 L16.7142857,22.5714286 L7.60379464,21.3158482 L7.60379464,14.6763393 L16.7142857,14.6763393 Z M16.7142857,5.85714286 L16.7142857,13.8325893 L7.60379464,13.8325893 L7.60379464,7.11272321 L16.7142857,5.85714286 Z" id="windows---FontAwesome"></path>
+                        <g id="Container" transform="translate(1000.000000, 420.000000)">
+                            <g id="Group" transform="translate(10.000000, 139.000000)">
+                                <g id="windows---FontAwesome">
+                                    <path d="M6.85044643,14.6763393 L6.85044643,21.2154018 L0,20.2712054 L0,14.6763393 L6.85044643,14.6763393 Z M6.85044643,7.21316964 L6.85044643,13.8325893 L0,13.8325893 L0,8.15736607 L6.85044643,7.21316964 Z M16.7142857,14.6763393 L16.7142857,22.5714286 L7.60379464,21.3158482 L7.60379464,14.6763393 L16.7142857,14.6763393 Z M16.7142857,5.85714286 L16.7142857,13.8325893 L7.60379464,13.8325893 L7.60379464,7.11272321 L16.7142857,5.85714286 Z"></path>
+                                </g>
                             </g>
                         </g>
                     </g>