From cd90c583768961202aa6028db3637585c39ebd06 Mon Sep 17 00:00:00 2001
From: Jannik Stehle <jannik.stehle@gmail.com>
Date: Tue, 1 Mar 2022 12:20:05 +0100
Subject: [PATCH] Rebase, update snapshots

---
 .../src/views/spaces/Project.vue              | 114 +++++------
 .../spaces/__snapshots__/Project.spec.js.snap | 186 +++++++++---------
 .../__snapshots__/Projects.spec.js.snap       |  43 ++--
 3 files changed, 179 insertions(+), 164 deletions(-)

diff --git a/packages/web-app-files/src/views/spaces/Project.vue b/packages/web-app-files/src/views/spaces/Project.vue
index cb4422e7df5..90836e70316 100644
--- a/packages/web-app-files/src/views/spaces/Project.vue
+++ b/packages/web-app-files/src/views/spaces/Project.vue
@@ -42,64 +42,66 @@
             </div>
           </div>
           <div>
-            <div class="oc-flex oc-mb-s oc-flex-middle">
+            <div class="oc-flex oc-mb-s oc-flex-middle oc-flex-between">
               <h1 class="space-overview-name oc-text-truncate">{{ space.name }}</h1>
-              <oc-button
-                v-if="!loadSharesTask.isRunning && currentFileOutgoingCollaborators.length"
-                :aria-label="$gettext('Show invited people')"
-                appearance="raw"
-                @click="openSidebarSharePanel"
-              >
-                <oc-icon name="group" fill-type="line" size="small" />
-                <span
-                  class="space-overview-people-count oc-text-small"
-                  v-text="peopleCountString"
-                ></span>
-              </oc-button>
-              <oc-button
-                :id="`space-context-btn`"
-                v-oc-tooltip="$gettext('Show context menu')"
-                :aria-label="$gettext('Show context menu')"
-                appearance="raw"
-              >
-                <oc-icon name="more-2" />
-              </oc-button>
-              <oc-drop
-                :drop-id="`space-context-drop`"
-                :toggle="`#space-context-btn`"
-                mode="click"
-                close-on-click
-                :options="{ delayHide: 0 }"
-                padding-size="small"
-                position="right-start"
-              >
-                <input
-                  id="space-image-upload-input"
-                  ref="spaceImageInput"
-                  type="file"
-                  name="file"
-                  multiple
-                  tabindex="-1"
-                  accept="image/*"
-                  @change="$_uploadImage_uploadImageSpace"
-                />
-                <ul class="oc-list oc-files-context-actions">
-                  <li
-                    v-for="(action, actionIndex) in getContextMenuActions(space)"
-                    :key="`action-${actionIndex}`"
-                    class="oc-spaces-context-action oc-py-xs oc-px-s"
-                  >
-                    <oc-button
-                      appearance="raw"
-                      justify-content="left"
-                      @click="action.handler({ resources: [space] })"
+              <div class="oc-flex oc-flex-middle">
+                <oc-button
+                  v-if="!loadSharesTask.isRunning && currentFileOutgoingCollaborators.length"
+                  :aria-label="$gettext('Open context menu and show invited people')"
+                  appearance="raw"
+                  @click="openSidebarSharePanel"
+                >
+                  <oc-icon name="group" fill-type="line" size="small" />
+                  <span
+                    class="space-overview-people-count oc-text-small"
+                    v-text="peopleCountString"
+                  ></span>
+                </oc-button>
+                <oc-button
+                  :id="`space-context-btn`"
+                  v-oc-tooltip="$gettext('Show context menu')"
+                  :aria-label="$gettext('Show context menu')"
+                  appearance="raw"
+                >
+                  <oc-icon name="more-2" />
+                </oc-button>
+                <oc-drop
+                  :drop-id="`space-context-drop`"
+                  :toggle="`#space-context-btn`"
+                  mode="click"
+                  close-on-click
+                  :options="{ delayHide: 0 }"
+                  padding-size="small"
+                  position="right-start"
+                >
+                  <input
+                    id="space-image-upload-input"
+                    ref="spaceImageInput"
+                    type="file"
+                    name="file"
+                    multiple
+                    tabindex="-1"
+                    accept="image/*"
+                    @change="$_uploadImage_uploadImageSpace"
+                  />
+                  <ul class="oc-list oc-files-context-actions">
+                    <li
+                      v-for="(action, actionIndex) in getContextMenuActions(space)"
+                      :key="`action-${actionIndex}`"
+                      class="oc-spaces-context-action oc-py-xs oc-px-s"
                     >
-                      <oc-icon :name="action.icon" />
-                      {{ action.label() }}
-                    </oc-button>
-                  </li>
-                </ul>
-              </oc-drop>
+                      <oc-button
+                        appearance="raw"
+                        justify-content="left"
+                        @click="action.handler({ resources: [space] })"
+                      >
+                        <oc-icon :name="action.icon" />
+                        {{ action.label() }}
+                      </oc-button>
+                    </li>
+                  </ul>
+                </oc-drop>
+              </div>
             </div>
             <p v-if="space.description" class="oc-mt-rm">{{ space.description }}</p>
             <div>
diff --git a/packages/web-app-files/tests/unit/views/spaces/__snapshots__/Project.spec.js.snap b/packages/web-app-files/tests/unit/views/spaces/__snapshots__/Project.spec.js.snap
index 3ab50b237b8..0d0cba45a6f 100644
--- a/packages/web-app-files/tests/unit/views/spaces/__snapshots__/Project.spec.js.snap
+++ b/packages/web-app-files/tests/unit/views/spaces/__snapshots__/Project.spec.js.snap
@@ -9,51 +9,56 @@ exports[`Spaces project view space image should show if given 1`] = `
         <div class="oc-position-relative"><img alt="" src="data:undefined;base64,undefined" class="space-overview-image oc-cursor-pointer"></div>
       </div>
       <div>
-        <div class="oc-flex oc-mb-s oc-flex-middle">
+        <div class="oc-flex oc-mb-s oc-flex-middle oc-flex-between">
           <h1 class="space-overview-name oc-text-truncate">space</h1>
-          <oc-button-stub type="button" size="medium" arialabel="Show context menu" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" id="space-context-btn">
-            <oc-icon-stub name="more-2" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-          </oc-button-stub>
-          <oc-drop-stub dropid="space-context-drop" toggle="#space-context-btn" position="right-start" mode="click" closeonclick="true" paddingsize="small" options="[object Object]"><input id="space-image-upload-input" type="file" name="file" multiple="multiple" tabindex="-1" accept="image/*">
-            <ul class="oc-list oc-files-context-actions">
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="edit" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Rename
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="pencil" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Change subtitle
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="markdown" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Edit description
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="image-add" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Upload new space image
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="forbid-2" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Disable
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="information" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Details
-                </oc-button-stub>
-              </li>
-            </ul>
-          </oc-drop-stub>
+          <div class="oc-flex oc-flex-middle">
+            <oc-button-stub type="button" size="medium" arialabel="Open context menu and show invited people" variation="passive" appearance="raw" justifycontent="center" gapsize="medium">
+              <oc-icon-stub name="group" filltype="line" accessiblelabel="" type="span" size="small" variation="passive" color=""></oc-icon-stub> <span class="space-overview-people-count oc-text-small">1 invited person</span>
+            </oc-button-stub>
+            <oc-button-stub type="button" size="medium" arialabel="Show context menu" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" id="space-context-btn">
+              <oc-icon-stub name="more-2" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+            </oc-button-stub>
+            <oc-drop-stub dropid="space-context-drop" toggle="#space-context-btn" position="right-start" mode="click" closeonclick="true" paddingsize="small" options="[object Object]"><input id="space-image-upload-input" type="file" name="file" multiple="multiple" tabindex="-1" accept="image/*">
+              <ul class="oc-list oc-files-context-actions">
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="edit" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Rename
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="pencil" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Change subtitle
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="markdown" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Edit description
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="image-add" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Upload new space image
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="forbid-2" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Disable
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="information" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Details
+                  </oc-button-stub>
+                </li>
+              </ul>
+            </oc-drop-stub>
+          </div>
         </div>
         <!---->
         <div>
@@ -74,51 +79,56 @@ exports[`Spaces project view space readme should show if given 1`] = `
     <div class="oc-grid oc-px-m oc-mt-m oc-child-width-1-3@s">
       <!---->
       <div>
-        <div class="oc-flex oc-mb-s oc-flex-middle">
+        <div class="oc-flex oc-mb-s oc-flex-middle oc-flex-between">
           <h1 class="space-overview-name oc-text-truncate">space</h1>
-          <oc-button-stub type="button" size="medium" arialabel="Show context menu" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" id="space-context-btn">
-            <oc-icon-stub name="more-2" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-          </oc-button-stub>
-          <oc-drop-stub dropid="space-context-drop" toggle="#space-context-btn" position="right-start" mode="click" closeonclick="true" paddingsize="small" options="[object Object]"><input id="space-image-upload-input" type="file" name="file" multiple="multiple" tabindex="-1" accept="image/*">
-            <ul class="oc-list oc-files-context-actions">
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="edit" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Rename
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="pencil" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Change subtitle
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="markdown" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Edit description
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="image-add" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Upload new space image
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="forbid-2" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Disable
-                </oc-button-stub>
-              </li>
-              <li class="oc-spaces-context-action oc-py-xs oc-px-s">
-                <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
-                  <oc-icon-stub name="information" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
-                  Details
-                </oc-button-stub>
-              </li>
-            </ul>
-          </oc-drop-stub>
+          <div class="oc-flex oc-flex-middle">
+            <oc-button-stub type="button" size="medium" arialabel="Open context menu and show invited people" variation="passive" appearance="raw" justifycontent="center" gapsize="medium">
+              <oc-icon-stub name="group" filltype="line" accessiblelabel="" type="span" size="small" variation="passive" color=""></oc-icon-stub> <span class="space-overview-people-count oc-text-small">1 invited person</span>
+            </oc-button-stub>
+            <oc-button-stub type="button" size="medium" arialabel="Show context menu" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" id="space-context-btn">
+              <oc-icon-stub name="more-2" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+            </oc-button-stub>
+            <oc-drop-stub dropid="space-context-drop" toggle="#space-context-btn" position="right-start" mode="click" closeonclick="true" paddingsize="small" options="[object Object]"><input id="space-image-upload-input" type="file" name="file" multiple="multiple" tabindex="-1" accept="image/*">
+              <ul class="oc-list oc-files-context-actions">
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="edit" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Rename
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="pencil" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Change subtitle
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="markdown" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Edit description
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="image-add" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Upload new space image
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="forbid-2" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Disable
+                  </oc-button-stub>
+                </li>
+                <li class="oc-spaces-context-action oc-py-xs oc-px-s">
+                  <oc-button-stub type="button" size="medium" variation="passive" appearance="raw" justifycontent="left" gapsize="medium">
+                    <oc-icon-stub name="information" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
+                    Details
+                  </oc-button-stub>
+                </li>
+              </ul>
+            </oc-drop-stub>
+          </div>
         </div>
         <!---->
         <div>
diff --git a/packages/web-app-files/tests/unit/views/spaces/__snapshots__/Projects.spec.js.snap b/packages/web-app-files/tests/unit/views/spaces/__snapshots__/Projects.spec.js.snap
index 1838eab175c..8e6ce71c1de 100644
--- a/packages/web-app-files/tests/unit/views/spaces/__snapshots__/Projects.spec.js.snap
+++ b/packages/web-app-files/tests/unit/views/spaces/__snapshots__/Projects.spec.js.snap
@@ -23,26 +23,29 @@ exports[`Spaces component should list spaces 1`] = `
           <div class="oc-card-body oc-p-s">
             <div class="oc-flex oc-flex-between oc-flex-middle">
               <div class="oc-flex oc-flex-middle"><span class="oc-mr-s oc-icon oc-icon-m oc-icon-passive"><!----></span> <a href="#/" aria-current="page" class="space-name oc-text-left router-link-exact-active router-link-active"><span></span></a></div>
-              <div class="oc-flex oc-flex-middle"><button aria-label="Show context menu" class="oc-button oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw" id="space-context-btn-1"><span class="oc-icon oc-icon-m oc-icon-passive"><!----></span></button>
-                <div id="space-context-drop-1" class="oc-drop oc-box-shadow-medium oc-rounded" options="[object Object]">
-                  <div class="oc-card oc-card-body oc-rounded oc-background-secondary oc-p-s">
-                    <ul class="oc-list oc-files-context-actions">
-                      <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
-                          Rename
-                        </button></li>
-                      <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
-                          Change subtitle
-                        </button></li>
-                      <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
-                          Upload new space image
-                        </button></li>
-                      <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
-                          Disable
-                        </button></li>
-                      <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
-                          Details
-                        </button></li>
-                    </ul>
+              <div class="oc-flex oc-flex-middle">
+                <div><button aria-label="Show invited people" class="oc-button oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-icon oc-icon-m oc-icon-passive"><!----></span></button></div>
+                <div><button aria-label="Show context menu" class="oc-button oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw" id="space-context-btn-1"><span class="oc-icon oc-icon-m oc-icon-passive"><!----></span></button>
+                  <div id="space-context-drop-1" class="oc-drop oc-box-shadow-medium oc-rounded" options="[object Object]">
+                    <div class="oc-card oc-card-body oc-rounded oc-background-secondary oc-p-s">
+                      <ul class="oc-list oc-files-context-actions">
+                        <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
+                            Rename
+                          </button></li>
+                        <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
+                            Change subtitle
+                          </button></li>
+                        <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
+                            Upload new space image
+                          </button></li>
+                        <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
+                            Disable
+                          </button></li>
+                        <li class="oc-files-context-action oc-px-s"><button class="oc-button oc-button-m oc-button-justify-content-left oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-flex oc-icon oc-icon-m oc-icon-passive"><!----></span>
+                            Details
+                          </button></li>
+                      </ul>
+                    </div>
                   </div>
                 </div>
               </div>