Style updates. Allow easier ability to change presentation code and description.

src/lib/element_ae_crud.svelte

@@ -156,7 +156,7 @@ async function handle_obj_field_patch(new_field_value: any) {
         <slot></slot>
 
         <button
-            class="btn btn-sm preset-tonal-warning hover:preset-tonal-error border border-error-500 field_show_btn"
+            class="btn btn-sm font-normal preset-tonal-warning hover:preset-tonal-error border border-error-500 field_show_btn"
             class:hide_edit_btn
             class:show_crud
             on:dblclick={() => {
@@ -171,7 +171,7 @@ async function handle_obj_field_patch(new_field_value: any) {
 
     <div
         class:display_block_edit
-        class="field_editing_wrapper min-w-content w-100 max-w-full"
+        class="field_editing_wrapper font-normal min-w-content w-100 max-w-full"
         >
         <!-- <span class="grow flex flex-row items-center justify-between"> -->
             <span class="hidden">
@@ -179,7 +179,7 @@ async function handle_obj_field_patch(new_field_value: any) {
             </span>
 
             <button
-                class="btn btn-md ae_btn_neutral m-1"
+                class="btn btn-md font-normal ae_btn_surface_outlined m-1"
                 class:show_crud
                 on:click={() => {
                     show_crud = false;
@@ -187,7 +187,7 @@ async function handle_obj_field_patch(new_field_value: any) {
                 title="Close field editing"
                 >
                 <span class="fas fa-window-close"></span>
-                <span class="hidden md:inline">Close</span>
+                <span class="hidden sm:inline">Close</span>
             </button>
         <!-- </span> -->
 
@@ -219,7 +219,7 @@ async function handle_obj_field_patch(new_field_value: any) {
         {:else if field_type == 'text'}
             <input
                 bind:value={field_value}
-                class="input min-w-64 w-96 max-w-full"
+                class="input ae_btn_surface min-w-64 w-96 max-w-full"
                 >
         {:else if field_type == 'textarea'}
             <textarea
@@ -236,7 +236,7 @@ async function handle_obj_field_patch(new_field_value: any) {
         {/if}
         {#if allow_null}
             <button
-                class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500 m-1"
+                class="btn btn-sm ae_btn_warning m-1"
                 on:click={() => {
                     field_value = null;
                 }}
@@ -249,7 +249,7 @@ async function handle_obj_field_patch(new_field_value: any) {
         </span>
 
         <button
-            class="btn btn-lg ae_btn_warning m-1"
+            class="btn btn-lg ae_btn_warning_outlined m-1"
             class:show_crud
             disabled={field_value == original_field_value}
             on:click={async () => {
@@ -385,6 +385,8 @@ async function handle_obj_field_patch(new_field_value: any) {
 
 }
 
+
+
 .ae_crud.show_crud .field_editing_wrapper {
     /* display: initial; */
     display: block;
@@ -422,13 +424,19 @@ async function handle_obj_field_patch(new_field_value: any) {
     padding: .5em;
 }
 
+
+.ae_crud.show_crud.display_inline .field_editing_wrapper:hover {
+    background-color: hsla(60,60%,90%,.80);
+    z-index: 55;
+}
+
 .ae_crud.show_crud.display_inline .field_editing_wrapper {
     /* display: block; */
     display: inline-block;
     /* display: inline; */
 
     box-shadow: initial;
-    background-color: hsla(60,50%,80%,.3);
+    background-color: hsla(60,50%,80%,.40);
 
     padding: .25em;
 

src/routes/events/ae_comp__event_presentation_obj_li.svelte

@@ -185,6 +185,35 @@ export let log_lvl: number = 0;
                 "{event_presentation_obj?.name}"
             </Element_ae_crud>
             <!-- "{event_presentation_obj.name}" -->
+
+            <Element_ae_crud
+                api_cfg={$ae_api}
+                object_type={'event_presentation'}
+                object_id={event_presentation_obj?.event_presentation_id_random}
+                field_name={'code'}
+                field_type={'text'}
+                field_value={event_presentation_obj?.code}
+                allow_null={false}
+                hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
+                outline_element={false}
+                show_crud={false}
+                display_inline={true}
+                display_block_edit={true}
+                class_li={''}
+                on:ae_crud_updated={e => {
+                    console.log(`ae_crud_updated:`, e.detail);
+
+                    events_func.load_ae_obj_id__event_presentation({
+                        api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id_random, log_lvl: 1
+                    })
+                    .then(function (load_results) {
+                    })
+                    .then(function (load_results) {
+                        // $events_trigger = 'load__event_presentation_obj_id';
+                        // $events_trig_kv['event_presentation_id'] = event_presentation_obj.event_presentation_id_random;
+                    });
+                }}
+                >
             {#if event_presentation_obj?.code || event_presentation_obj?.abstract_code}
             <span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
                 title="Presentation code {event_presentation_obj?.code} and abstract code {event_presentation_obj?.abstract_code}"
@@ -192,11 +221,19 @@ export let log_lvl: number = 0;
                 <span class="fas fa-barcode"></span>
                 {event_presentation_obj?.code ?? ''} {event_presentation_obj?.abstract_code ?? ''}
             </span>
+            {:else if $ae_loc.trusted_access && $ae_loc.edit_mode}
+                <strong class="text-sm font-normal">Code:</strong>
+                <span class="font-normal"
+                    title="No code provided for this presentation"
+                    >
+                    {@html ae_snip.html__not_set}
+                </span>
             {/if}
+            </Element_ae_crud>
         </h4>
 
         <div
-            class:hidden={!$events_loc.pres_mgmt.show_content__presentation_description}
+            class:hidden={!$events_loc.pres_mgmt.show_content__presentation_description && !($ae_loc.administrator_access && $ae_loc.edit_mode)}
             >
         <Element_ae_crud
             api_cfg={$ae_api}