Fix permissions display

styles/components/_portfolio_layout.scss

@@ -554,7 +554,6 @@
     flex-direction: row-reverse;
   }
 
-  .defense-row {
   .admin-title {
     padding: 0 0 0.4rem 0;
     margin-top: 0;
@@ -569,7 +568,6 @@
     margin-bottom: 2rem;
   }
 }
-}
 
 .member-list__name {
   margin-top: 1rem;

templates/portfolios/admin.html

@@ -11,7 +11,7 @@
     <div class="panel">
       <div class="panel__content">
 
-        {% if user_can(permissions.VIEW_PORTFOLIO_NAME) %}
+        {% if user_can(permissions.EDIT_PORTFOLIO_NAME) %}
           <base-form inline-template>
             <form method="POST" action="{{ url_for('portfolios.edit', portfolio_id=portfolio.id) }}" autocomplete="false">
               {{ portfolio_form.csrf_token }}
@@ -19,11 +19,26 @@
                 <div class='form-col form-col--half'>
                   {{ TextInput(portfolio_form.name, validation="portfolioName") }}
                 </div>
-
                 <div class='edit-portfolio-name action-group'>
                   {{ SaveButton(text='Save', additional_classes='usa-button-big') }}
                 </div>
               </div>
+            </form>
+          </base-form>
+        {% else %}
+          <div>
+            <div class='admin-title'>
+              {{ "portfolios.admin.portfolio_name" | translate }}
+            </div>
+          </div>
+
+          <div>
+            <div class='admin-content'>
+              {{ portfolio.name }}
+            </div>
+          </div>
+        {% endif %}
+
         <div class='defense-row'>
           <div>
             <div class='admin-title'>{{ "forms.task_order.defense_component_label" | translate }}</div>
@@ -34,9 +49,6 @@
             {% endif %}
           </div>
         </div>
-            </form>
-          </base-form>
-        {% endif %}
       </div>
     </div>
 

translations.yaml

@@ -440,6 +440,7 @@ portfolios:
     portfolio_members_subheading: These members have different levels of access to the portfolio.
     portfolio_members_title: Portfolio members
     settings_info: Learn more about these settings
+    portfolio_name: Portfolio name
   applications:
     add_application_text: Add a new application
     add_environment: Add new environment