Use better icons for fullscreen toggle button

Author: eqrion

res/img/svg/maximise.svg

@@ -72,7 +72,8 @@
 
 .bottom-close-button,
 .bottom-assembly-button,
-.bottom-fullscreen-button {
+.bottom-fullscreen-hide-button,
+.bottom-fullscreen-show-button {
   width: 24px;
   height: 24px;
   flex-shrink: 0;
@@ -89,8 +90,12 @@
   background-image: url(firefox-profiler-res/img/svg/asm-icon.svg);
 }
 
-.bottom-fullscreen-button {
-  background-image: url(firefox-profiler-res/img/svg/open-in-new-12.svg);
+.bottom-fullscreen-show-button {
+  background-image: url(firefox-profiler-res/img/svg/maximise.svg);
+}
+
+.bottom-fullscreen-hide-button {
+  background-image: url(firefox-profiler-res/img/svg/minimise.svg);
 }
 
 .codeLoadingOverlay,

res/img/svg/minimise.svg

@@ -35,7 +35,7 @@ class FullscreenToggleButtonImpl extends React.PureComponent<Props> {
       <Localized id="BottomBox--hide-fullscreen" attrs={{ title: true }}>
         <button
           className={classNames(
-            'bottom-fullscreen-button',
+            'bottom-fullscreen-hide-button',
             'photon-button',
             'photon-button-ghost',
             'photon-button-ghost--checked'
@@ -49,7 +49,7 @@ class FullscreenToggleButtonImpl extends React.PureComponent<Props> {
       <Localized id="BottomBox--show-fullscreen" attrs={{ title: true }}>
         <button
           className={classNames(
-            'bottom-fullscreen-button',
+            'bottom-fullscreen-show-button',
             'photon-button',
             'photon-button-ghost'
           )}